<!DOCTYPE html>
<html lang="en" class="no-js">
  <script src="https://cdn.jsdelivr.net/npm/clipboard@1/dist/clipboard.min.js"></script>
  <head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
  <meta name="generator" content="Hugo 0.55.6" />

  <meta name="ROBOTS" content="INDEX, FOLLOW" />

  <link rel="alternate" type="application/rss&#43;xml" href="/index.xml" />

  <link rel="shortcut icon" href="/assets/favicons/favicon.ico" />
  <link rel="apple-touch-icon" href="/assets/favicons/apple-touch-icon.png" sizes="180x180" />
  <link rel="icon" type="image/png" href="/assets/favicons/favicon-16x16.png" sizes="16x16" />
  <link rel="icon" type="image/png" href="/assets/favicons/favicon-32x32.png" sizes="32x32" />
  <link rel="icon" type="image/png" href="/assets/favicons/android-144x144.png" sizes="36x36" />
  <link rel="icon" type="image/png" href="/assets/favicons/android-144x144.png" sizes="48x48" />
  <link rel="icon" type="image/png" href="/assets/favicons/android-144x144.png" sizes="72x72" />
  <link rel="icon" type="image/png" href="/assets/favicons/android-144x144.png" sizes="96x96" />
  <link rel="icon" type="image/png" href="/assets/favicons/android-144x144.png" sizes="144x144" />
  <link rel="icon" type="image/png" href="/assets/favicons/android-192x192.png" sizes="192x192" />

  <title>Google Cloud Platform | Meshery</title>
  <meta property="og:title" content="Google Cloud Platform" />
  <meta property="og:description"
    content="As a self-service engineering platform, Meshery enables collaborative design and operation of cloud native infrastructure.
" />
  <meta property="og:type" content="website" />
  <meta property="og:url" content="http://localhost:4000" />
  <meta property="og:site_name" content="http://localhost:4000" />
  <meta property="og:image"
    content="https://raw.githubusercontent.com/meshery/meshery/master/docs/assets/img/meshery-cncf-twitter.png" />

  <meta itemprop="name" content="Google Cloud Platform" />
  <meta itemprop="description"
    content="As a self-service engineering platform, Meshery enables collaborative design and operation of cloud native infrastructure.
" />

  <meta name="twitter:card" content="summary" />
  <meta name="twitter:title" content="Google Cloud Platform" />
  <meta name="twitter:description"
    content="As a self-service engineering platform, Meshery enables collaborative design and operation of cloud native infrastructure.
" />
  <meta name="twitter:image"
    content="https://raw.githubusercontent.com/meshery/meshery/master/docs/assets/img/meshery-cncf-twitter.png" />
  
    <!-- <link rel="stylesheet" href="/assets/css/palette.css" /> -->
  <!-- <link rel="stylesheet" href="/assets/css/anchorjs.css" /> -->
  <link rel="stylesheet" href="/assets/css/sass.css" />
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.css" />

  <!-- Google Tag Manager -->
  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
    })(window,document,'script','dataLayer','GTM-PCGTC98C');</script>

  <!-- End Google Tag Manager -->
  
  
  <script src="https://code.jquery.com/jquery-3.3.1.min.js"
    integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.tablesorter/2.31.3/js/jquery.tablesorter.min.js"
    integrity="sha512-qzgd5cYSZcosqpzpn7zF2ZId8f/8CHmFKZ8j7mU4OUXTNRd5g+ZHBPsgKEwoqxCtdQvExE5LprwwPAgoicguNg=="
    crossorigin="anonymous" referrerpolicy="no-referrer"></script>



  <!-- Anchorjs included for adding hover anchor links to headings -->
  <script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/4.2.2/anchor.min.js"></script>
  <script>
    $(function () {
      /** AnchorJS options and selector */
      anchors.options = {
        visible: "hover",
        placement: "right",
      };
      anchors.add("h1, h2, h3, h4, h5");
    });
    // Function to handle anchor links
    document.addEventListener('click', function (event) {
      if (event.target.tagName === 'A' && event.target.getAttribute('href').startsWith('#')) {
        window.location.hash = event.target.getAttribute('href');
      }
    });
  </script>
</head>
 <header>
  <nav class="js-navbar-scroll navbar">
    <a class="navbar-brand" href="/">
      <div class="navbar-logo">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1703.46 182.75"><defs><style>.cls-1{fill:#00d3a9;}.cls-2{fill:#00b39f;}.cls-3{fill:#3c494f;}</style></defs><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path class="cls-1" d="M96,43.12V86.7l38.52-21.91Z"/><path class="cls-1" d="M96,95.82v43.92l38.87-21.9Z"/><path class="cls-2" d="M90.43,86.47v-43L52.38,64.91Z"/><path class="cls-2" d="M14,139.51a93,93,0,0,0,29.56,29.21v-46Z"/><path class="cls-2" d="M90.42,139.51V96.17L52.25,117.84Z"/><path class="cls-1" d="M49.08,166,87.72,144.3,49.08,122.4Z"/><path class="cls-2" d="M137.57,166.21V122.63L98.94,144.31Z"/><path class="cls-2" d="M175.4,134.5a89.15,89.15,0,0,0,10.94-39.13L146.07,118Z"/><path class="cls-1" d="M143.13,113.28,182,91.49,143.13,69.7Z"/><path class="cls-2" d="M137.56,60.23V17L99.15,38.56Z"/><path class="cls-2" d="M137.55,113.05V69.47L99,91.26Z"/><path class="cls-1" d="M49.08,69.36v44L88,91.26Z"/><path class="cls-2" d="M90.43,0a93.2,93.2,0,0,0-41,10.61l41,23Z"/><path class="cls-1" d="M49.08,16.65V60.46L88,38.56Z"/><path class="cls-2" d="M43.55,14A91.83,91.83,0,0,0,14,43.23L43.55,60V14Z"/><path class="cls-1" d="M137.32,10.84A94.71,94.71,0,0,0,96,0V34Z"/><path class="cls-1" d="M0,94.57a89.28,89.28,0,0,0,11.17,40.27l29.91-17Z"/><path class="cls-1" d="M11.17,47.91A90.17,90.17,0,0,0,0,88.06L41.08,64.91l-30-17Z"/><path class="cls-2" d="M49.47,172a93.47,93.47,0,0,0,41,10.61V149l-41,22.93Z"/><path class="cls-1" d="M172.46,43.35a93,93,0,0,0-29.33-29.09V60Z"/><path class="cls-1" d="M143.13,168.6a91.72,91.72,0,0,0,29.45-29.31l-29.45-16.66v46Z"/><path class="cls-2" d="M186.42,87.72A89.58,89.58,0,0,0,175.36,48L145.68,64.79Z"/><path class="cls-1" d="M96,182.75a93.24,93.24,0,0,0,41-10.61L96,148.87Z"/><path class="cls-2" d="M43.55,112.94V69.81L5.38,91.26Z"/><path class="cls-3" d="M784.8,56.17v92H889.85v-22h-83V104.6h63.94v-22H806.81V61.05h83v-22H784.8Z"/><path class="cls-3" d="M379.53,56.17v92H485v-22H402V104.6H465.9v-22H402V61.05H485v-22H379.53Z"/><path class="cls-3" d="M630.74,119.66a23.83,23.83,0,0,1-2.49,11,28.89,28.89,0,0,1-6.22,9,35.86,35.86,0,0,1-9.14,6.1,27.83,27.83,0,0,1-11.21,2.44H497.87V125.36H601.68a5.38,5.38,0,0,0,4.15-1.63,5.15,5.15,0,0,0,1.66-4.07v-9a5.15,5.15,0,0,0-1.66-4.07,5.38,5.38,0,0,0-4.15-1.63H526.94a25.15,25.15,0,0,1-11.22-2.44,29.55,29.55,0,0,1-9.13-6.11,34.86,34.86,0,0,1-6.23-8.95,23.86,23.86,0,0,1-2.49-11v-9a23.79,23.79,0,0,1,2.49-11,34.74,34.74,0,0,1,6.23-9,35.37,35.37,0,0,1,9.13-6.1,25.15,25.15,0,0,1,11.22-2.45h103.8v23.2H526.94a5.42,5.42,0,0,0-4.16,1.63A5.19,5.19,0,0,0,521.12,68v9A5.2,5.2,0,0,0,522.78,81a5.41,5.41,0,0,0,4.16,1.62h74.74a25.11,25.11,0,0,1,11.21,2.45,35.6,35.6,0,0,1,9.14,6.1,34.71,34.71,0,0,1,6.22,9,26.4,26.4,0,0,1,2.49,11Z"/><path class="cls-3" d="M770.68,148.15H749.51V105.42H666.87v42.73H645.7V82.22H749.51V39.07h21.17ZM666.87,72H645.7V39.48h21.17Z"/><path class="cls-3" d="M1073,77.33l-27.83-38.26h-27.82l44.43,65.53v43.55h22.43V104.6l44.43-65.53h-27.41Z"/><path class="cls-3" d="M927.64,59.83h56.89V83H938.85v20.76h10.38l40.28,44.77h27.41l-40.28-44.77h15.78a17.37,17.37,0,0,0,17.44-17.1V56.17a17.38,17.38,0,0,0-17.44-17.1H906.05V147.75h22Z"/><path class="cls-3" d="M360.43,57.39c-4.57-10.58-15.78-18.32-27.82-17.91H223.81V148.56h23.67V62.27c32.39,0,86.37-.4,87.62.41,8.3-2.44,2.49,82.22,4.15,85.07h23.67C361.67,140.42,365,62.27,360.43,57.39Z"/><path class="cls-3" d="M305.2,74.48H281.53v73.67H305.2Z"/><rect class="cls-3" x="1235.62" y="1.38" width="5" height="180"/><path class="cls-3" d="M1408,39.61c28.88,0,49.39,23.49,49.39,52.38s-20.51,52.38-49.39,52.38h-40.42a2.68,2.68,0,0,1-3-3V42.6a2.68,2.68,0,0,1,3-3H1408Zm0,94.89c23.34,0,39.21-19,39.21-42.51S1431.34,49.48,1408,49.48h-32.93v85Zm101.7,11.67A39.22,39.22,0,1,1,1549.07,107,38.9,38.9,0,0,1,1509.7,146.17Zm0-9.58A29.64,29.64,0,1,0,1480.22,107,29.2,29.2,0,0,0,1509.7,136.59ZM1633,120.43c2.09,0,3.29,1.34,2.39,3.44-5.24,13.32-18.86,22.3-34.72,22.3-22.6,0-39.37-17.06-39.37-39.21s16.77-39.22,39.37-39.22c15.86,0,29.33,9,34.72,22.3.9,2.1-.3,3.45-2.39,3.45h-4.35a3.76,3.76,0,0,1-3.59-2.25c-4.49-8.53-13.62-13.92-24.39-13.92a29.64,29.64,0,0,0,0,59.27c10.92,0,20-5.54,24.39-13.92a3.76,3.76,0,0,1,3.59-2.24Zm26.44-31.28c0,19,44,7.63,44,35.62,0,12.27-11.07,21.4-27.69,21.4-15.41,0-26-7.78-27.54-20.35-.15-2.1,1-3.15,3-3.15h3.89c1.79,0,2.69,1,3.14,2.85,1.35,8.23,9,11.07,17.51,11.07,9.43,0,17.81-3.44,17.81-11.82,0-19-44-7.64-44-35.62,0-12.28,11.08-21.41,26.19-21.41,14.07,0,24.55,7.79,26,20.36.15,2.09-1,3.14-3,3.14h-3.89c-1.8,0-2.69-1-3.14-2.84-1.35-8.23-8.83-11.08-16-11.08C1667.84,77.32,1659.46,80.77,1659.46,89.15Z"/></g></g></svg>
      </div>
      <div class="mobile">
        <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 379.08 80.17"><defs><style>.cls-1{fill:#00d3a9;}.cls-2{fill:#00b39f;}.cls-3 {fill:var(--meshery-logo-text-fill);}</style></defs><polygon class="cls-1" points="41.26 18.9 41.26 38.04 57.86 28.43 41.26 18.9"/><polygon class="cls-1" points="41.26 42.05 41.26 61.29 58.01 51.71 41.26 42.05"/><polygon class="cls-2" points="38.87 37.91 38.87 19.06 22.48 28.45 38.87 37.91"/><path class="cls-2" d="M6,61.22A40.35,40.35,0,0,0,18.71,74V53.86Z"/><polygon class="cls-2" points="38.87 61.2 38.87 42.19 22.44 51.7 38.87 61.2"/><polygon class="cls-1" points="21.1 72.81 37.74 63.3 21.1 53.68 21.1 72.81"/><polygon class="cls-2" points="59.15 72.92 59.15 53.81 42.53 63.31 59.15 72.92"/><path class="cls-2" d="M75.42,59a39.88,39.88,0,0,0,4.71-17.18l-17.32,9.9Z"/><polygon class="cls-1" points="61.54 49.7 78.23 40.15 61.54 30.55 61.54 49.7"/><polygon class="cls-2" points="59.15 26.42 59.15 7.43 42.61 16.91 59.15 26.42"/><polygon class="cls-2" points="59.15 49.61 59.15 30.45 42.57 40.05 59.15 49.61"/><polygon class="cls-2" points="40.07 80.17 40.07 80.17 40.07 80.17 40.07 80.17"/><polygon class="cls-1" points="21.1 30.41 21.1 49.72 37.8 40.05 21.1 30.41"/><path class="cls-2" d="M38.87,0A40,40,0,0,0,21.28,4.65L38.87,14.77Z"/><polygon class="cls-1" points="21.1 7.31 21.1 26.49 37.81 16.91 21.1 7.31"/><path class="cls-2" d="M18.71,6.14A40.28,40.28,0,0,0,6,18.94l12.72,7.34Z"/><path class="cls-1" d="M59,4.74A40,40,0,0,0,41.26,0V14.93Z"/><path class="cls-1" d="M0,41.48A40,40,0,0,0,4.79,59.16L17.67,51.7Z"/><path class="cls-1" d="M4.79,21A40,40,0,0,0,0,38.58L17.69,28.45Z"/><path class="cls-2" d="M21.24,75.49a39.88,39.88,0,0,0,17.63,4.66V65.41Z"/><path class="cls-1" d="M74.17,19A40.24,40.24,0,0,0,61.54,6.21v20.1Z"/><path class="cls-1" d="M61.54,74A40.34,40.34,0,0,0,74.23,61.07L61.54,53.75Z"/><path class="cls-2" d="M80.13,38.48a39.88,39.88,0,0,0-4.76-17.42L62.64,28.43Z"/><path class="cls-1" d="M41.26,80.15a39.79,39.79,0,0,0,17.59-4.64L41.26,65.34Z"/><polygon class="cls-2" points="18.71 49.54 18.71 30.61 2.27 40.04 18.71 49.54"/><polygon class="cls-3" points="269.94 29.39 269.94 30.89 269.94 37.93 269.94 46.53 269.94 59.08 303.36 59.08 303.36 52.03 276.99 52.03 276.99 46.53 276.99 44.98 297.25 44.98 297.25 37.93 276.99 37.93 276.99 30.89 303.36 30.89 303.36 23.84 269.94 23.84 269.94 29.39"/><polygon class="cls-3" points="141.41 29.39 141.41 30.89 141.41 37.93 141.41 46.53 141.41 59.08 174.83 59.08 174.83 52.03 148.46 52.03 148.46 46.53 148.46 44.98 168.72 44.98 168.72 37.93 148.46 37.93 148.46 30.89 174.83 30.89 174.83 23.84 141.41 23.84 141.41 29.39"/><path class="cls-3" d="M221.08,49.87a8.74,8.74,0,0,1-.73,3.57,9,9,0,0,1-2,2.94,9.5,9.5,0,0,1-2.93,2,9,9,0,0,1-3.6.73h-33V51.66h33a1.78,1.78,0,0,0,1.79-1.79V47a1.76,1.76,0,0,0-.52-1.27,1.73,1.73,0,0,0-1.27-.51H188.09a8.74,8.74,0,0,1-3.57-.73,9.4,9.4,0,0,1-5-5,8.9,8.9,0,0,1-.73-3.57V33.09a9.11,9.11,0,0,1,.73-3.59,9.58,9.58,0,0,1,2-2.94,9.32,9.32,0,0,1,3-2,8.9,8.9,0,0,1,3.57-.72h33v7.47h-33a1.78,1.78,0,0,0-1.79,1.78V36a1.78,1.78,0,0,0,1.79,1.79h23.73a9.11,9.11,0,0,1,3.6.72,9.59,9.59,0,0,1,2.93,2,9.41,9.41,0,0,1,2,2.94,8.9,8.9,0,0,1,.73,3.59Z"/><path class="cls-3" d="M265.54,59.08h-6.73V45.22H232.6V59.08h-6.72V37.75h32.93V23.84h6.73ZM232.6,34.44h-6.72V23.84h6.72Z"/><polygon class="cls-3" points="361.45 36.17 352.64 23.84 343.83 23.84 357.93 44.98 357.93 59.08 364.98 59.08 364.98 44.98 379.08 23.84 370.38 23.84 361.45 36.17"/><path class="cls-3" d="M315.35,30.56h18.07v7.33H318.86v6.72h3.34L335,59.08h8.7L330.9,44.61h5a5.48,5.48,0,0,0,5.48-5.48V29.31a5.47,5.47,0,0,0-5.48-5.47H308.44V59.08h7.05Z"/><path class="cls-3" d="M136,59.08h-7.47V33.38a1.94,1.94,0,0,0-.16-.8,2.15,2.15,0,0,0-1.11-1.11,1.94,1.94,0,0,0-.8-.16H91.91V23.84h34.54a9.22,9.22,0,0,1,3.69.75,9.38,9.38,0,0,1,5.1,5.1,9.22,9.22,0,0,1,.75,3.69Zm-36.6,0H91.91V31.31l7.48-2Zm18.28,0h-7.48V35.22h7.48Z"/></svg>
      </div>
    </a>

    <div id="main_navbar">
      <ul class="navbar-nav">
        <!-- 
			<li class="nav-item">
        <a class="nav-link" href="https://github.com/meshery/meshery" target="_blank"><span>GitHub</span></a>
      </li>  -->

        <!-- Internal links -->
        
        <li class="nav-item">
          <a
            class="nav-link"
            href="/installation/quick-start"
            ><span>Quick Start</span></a
          >
        </li>
        
        <li class="nav-item">
          <a
            class="nav-link"
            href="https://meshery.io"
            ><span>Website</span></a
          >
        </li>
        
        <li class="nav-item">
          <a
            class="nav-link"
            href="http://discuss.meshery.io/"
            ><span>Discuss</span></a
          >
        </li>
        
        <li class="nav-item">
          <a
            class="nav-link"
            href="https://meshery.io/catalog"
            ><span>Catalog</span></a
          >
        </li>
        
        <li class="nav-item">
          <a
            class="nav-link"
            href="https://meshery.io/blog"
            ><span>Blog</span></a
          >
        </li>
        
        
        <a href="https://play.meshery.io">
          <div class="nav-btn">Playground</div>
        </a>
        <!--Version Selector -->
        <select
          onchange="window.location=this.value"
          class="appearance-none flex-1 w-full px-0 py-1 placeholder-gray-900 tracking-wide focus:outline-none version-selector"
          name="versioningSelection"
          id="versioningSelection"
        >
          <!-- <option value="">Versions</option> -->
           <!-- we get the version selected, and put it to the right option  --><option
            
            value="/"
            class="nav-item mr-4 mb-2 mb-lg-0 text-black"
          >
            <span>latest</span>
          </option>
          <!-- we get the version selected, and put it to the right option  --><option
            
            value="/v0.6"
            class="nav-item mr-4 mb-2 mb-lg-0 text-black"
          >
            <span>v0.6</span>
          </option>
          <!-- we get the version selected, and put it to the right option  --><option
            
            value="/v0.5"
            class="nav-item mr-4 mb-2 mb-lg-0 text-black"
          >
            <span>v0.5</span>
          </option>
          <!-- we get the version selected, and put it to the right option  --><option
            
            value="/v0.4"
            class="nav-item mr-4 mb-2 mb-lg-0 text-black"
          >
            <span>v0.4</span>
          </option>
          
        </select>
      </ul>
    </div>

    <div class="icon-container">
      <button class="nav-toggle-btn nav-toggle-btn--main">
        <svg
          id="menu-nav-toggle-btn"
          xmlns="http://www.w3.org/2000/svg"
          viewBox="0 0 24 24"
          fill="none"
          stroke="currentColor"
          stroke-width="2"
          stroke-linecap="round"
          stroke-linejoin="round"
          class="feather feather-menu"
        >
          <line x1="3" y1="12" x2="21" y2="12"></line>
          <line x1="3" y1="6" x2="21" y2="6"></line>
          <line x1="3" y1="18" x2="21" y2="18"></line>
        </svg>
      </button>
      <button class="nav-mode-icon" id="mode-toggle-btn" style="text-align: center">
        <img class="nav-text" id="logo-dark-light" src="/assets/img/nav-icons/mode-toggle-icon-moon.png" 
        data-logo-for-dark="/assets/img/nav-icons/mode-toggle-icon-moon.png"
        data-logo-for-light="/assets/img/nav-icons/mode-toggle-icon-sun.png"
        />
      </button>
    </div>

    <!--Search Bar
    <div class="navbar-nav d-none d-lg-block"><input type="search" class="form-control td-search-input" placeholder="&#xf002 Search this site…" aria-label="Search this site…" autocomplete="off"></div>-->

    <!-- meshery-custom-begin
	<div class="navbar-nav d-none d-lg-block">
          <a class="gh-source" data-gh-source="github" href="https://github.com/meshery/meshery" title="Go to repository" data-md-state="done">
          <div class="gh-source__repository">
            <i class="fab fa fa-github fa-2x" style='padding-right:20px; float:left; margin-top:5px'></i>
            meshery/meshery
          <ul class="gh-source__facts"><li class="gh-source__fact" id='stars'></li><li id="forks" class="gh-source__fact"></li></ul></div></a>
        </div>
      </div>
meshery-custom-end -->
  </nav>
</header>

<!-- meshery-custom-begin
<script>
$(document).ready(function() {
  var url = "https://api.github.com/search/repositories?q=meshery/meshery";
  fetch(url, { 
      headers: {"Accept":"application/vnd.github.preview"}
  }).then(function(e) {
    return e.json()
  }).then(function(r) {
     console.log(r.items[0])
     stars = r.items[0]['stargazers_count']
     forks = r.items[0]['forks_count']
     $('#stars').text(stars + " Stars")
     $('#forks').text(forks + " Forks")
  });
});
</script>
meshery-custom-end -->


  <body class="td-section dark-mode">
    <script>
      if(localStorage.getItem("mode") == "light-mode")  {
      document.body.classList.remove("dark-mode");
      const allLogos = document.querySelectorAll("#logo-dark-light");
      allLogos.forEach(e => e.src = e.dataset.logoForLight);
  }
    </script>
    <!-- Google Tag Manager -->
    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PCGTC98C"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
    <!-- End Google Tag Manager -->

    <div class="flex-container">
      <div class="left-container">
        <div class="sidebar-container-wrapper">
          <div class="sidebar-container"><div class="sidebar-menu">
  <form class="sidebar__search-form">
    <input
      type="search"
      class="sidebar__search-input"
      id="sidebar-search-input"
      placeholder="Search this site..."
      aria-label="Search this site..."
      autocomplete="off"
    />
  </form>
  <!-- <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"> -->
  <script type="text/javascript">
    // <!--Ref: https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollIntoView-->
    // <!--Ref: https://stackoverflow.com/questions/11039885/scrollintoview-causing-the-whole-page-to-move-->
    (() => {
      window.addEventListener("load", function () {
        let scrollElem = document.getElementsByClassName("sidebar-nav__section-link active").item(0);
        if (scrollElem) {
         scrollElem.scrollIntoView({ behavior: "smooth", block: "nearest", inline: "start" });
        }
        let activeSections = document.querySelectorAll(".sidebar-nav__section-link.active");
      activeSections.forEach(function (activeSection) {
        let parentCollapse = activeSection.closest(".collapse");
        if (parentCollapse) {
          parentCollapse.classList.add("show");
        }
      });
    });
  })();
  </script>

  <nav class="sidebar-nav" id="td-section-nav">
    
    <ul class="sidebar-nav__section">
       

      <li class="sidebar-nav__section-title">
        <!-- Toggle button -->
        <div class="toggle"  data-toggle="collapse" data-target="#section0" aria-expanded="false" aria-controls="section0"> ⇅ </div>
        <a
          href="/project/overview"  class="toggle"  data-toggle="collapse" data-target="#section0" aria-expanded="false" aria-controls="section0"
          class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section "
          > 🗺 Overview & Installation
        </a>
  
      
          <ul class="td-sidebar-nav__section collapse" id="section0">
             
            <li class="sidebar-nav__section-link ">
              <a
                href="/project/faq"
                class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section"
                >FAQs</a
              >
            </li>
              <!-- end pageurl -->
             
            <li class="sidebar-nav__section-link ">
              <a
                href="/installation/quick-start"
                class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section"
                >🚀 Quick Start</a
              >
            </li>
              <!-- end pageurl -->
             
            <li class="sidebar-nav__section-link ">
              <a
                href="/installation"
                class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section"
                >Installation ↆ</a
              >
            </li>
              <!-- end pageurl -->
             <!--  section.links -->
          </ul>
       <!--  section.links -->
    </li>
  </ul> <!-- end of "sidebar-nav__section" -->
  
    <ul class="sidebar-nav__section">
       

      <li class="sidebar-nav__section-title">
        <!-- Toggle button -->
        <div class="toggle"  data-toggle="collapse" data-target="#section1" aria-expanded="false" aria-controls="section1"> ⇅ </div>
        <a
          href="/concepts"  class="toggle"  data-toggle="collapse" data-target="#section1" aria-expanded="false" aria-controls="section1"
          class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section "
          > 🧠 Concepts
        </a>
  
      
          <ul class="td-sidebar-nav__section collapse" id="section1">
             
            <li class="sidebar-nav__section-link ">
              <a
                href="/concepts/architecture"
                class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section"
                >Architectural ↆ</a
              >
            </li>
              <!-- end pageurl -->
             
            <li class="sidebar-nav__section-link ">
              <a
                href="/concepts/logical"
                class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section"
                >Logical ↆ</a
              >
            </li>
              <!-- end pageurl -->
             <!--  section.links -->
          </ul>
       <!--  section.links -->
    </li>
  </ul> <!-- end of "sidebar-nav__section" -->
  
    <ul class="sidebar-nav__section">
       

      <li class="sidebar-nav__section-title">
        <!-- Toggle button -->
        <div class="toggle"  data-toggle="collapse" data-target="#section2" aria-expanded="false" aria-controls="section2"> ⇅ </div>
        <a
          href="/guides"  class="toggle"  data-toggle="collapse" data-target="#section2" aria-expanded="false" aria-controls="section2"
          class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section "
          > 📚 Guides & Tutorials
        </a>
  
      
          <ul class="td-sidebar-nav__section collapse" id="section2">
             
            <li class="sidebar-nav__section-link ">
              <a
                href="/guides/infrastructure-management/overview"
                class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section"
                >⚙️ Infrastructure Management ↆ</a
              >
            </li>
              <!-- end pageurl -->
             
            <li class="sidebar-nav__section-link ">
              <a
                href="/guides/configuration-management"
                class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section"
                >Configuring Kubernetes Infrastructure ↆ</a
              >
            </li>
              <!-- end pageurl -->
             
            <li class="sidebar-nav__section-link ">
              <a
                href="/guides/events-management"
                class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section"
                >Managing Events with Notification Center</a
              >
            </li>
              <!-- end pageurl -->
             
            <li class="sidebar-nav__section-link ">
              <a
                href="/guides/infrastructure-management/gitops-with-meshery"
                class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section"
                >GitOps with Meshery</a
              >
            </li>
              <!-- end pageurl -->
             
            <li class="sidebar-nav__section-link ">
              <a
                href="/guides/performance-management"
                class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section"
                >Performance Management ↆ</a
              >
            </li>
              <!-- end pageurl -->
             
            <li class="sidebar-nav__section-link ">
              <a
                href="/guides/mesheryctl"
                class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section"
                >Using Meshery CLI Guides ↆ</a
              >
            </li>
              <!-- end pageurl -->
             
            <li class="sidebar-nav__section-link ">
              <a
                href="/guides/troubleshooting"
                class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section"
                >Troubleshooting Guides ↆ</a
              >
            </li>
              <!-- end pageurl -->
             
            <li class="sidebar-nav__section-link ">
              <a
                href="/guides/tutorials"
                class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section"
                >🧑‍🔬 Tutorials ↆ</a
              >
            </li>
              <!-- end pageurl -->
             <!--  section.links -->
          </ul>
       <!--  section.links -->
    </li>
  </ul> <!-- end of "sidebar-nav__section" -->
  
    <ul class="sidebar-nav__section">
       

      <li class="sidebar-nav__section-title">
        <!-- Toggle button -->
        <div class="toggle"  data-toggle="collapse" data-target="#section3" aria-expanded="false" aria-controls="section3"> ⇅ </div>
        <a
          href="/extensibility"  class="toggle"  data-toggle="collapse" data-target="#section3" aria-expanded="false" aria-controls="section3"
          class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section "
          > 🛠 Integrations & Extensions
        </a>
  
      
          <ul class="td-sidebar-nav__section collapse" id="section3">
             
            <li class="sidebar-nav__section-link ">
              <a
                href="/extensibility/api"
                class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section"
                >APIs</a
              >
            </li>
              <!-- end pageurl -->
             
            <li class="sidebar-nav__section-link ">
              <a
                href="/extensibility/adapters"
                class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section"
                >Adapters ↆ</a
              >
            </li>
              <!-- end pageurl -->
             
            <li class="sidebar-nav__section-link ">
              <a
                href="/extensibility/integrations"
                class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section"
                >Integrations</a
              >
            </li>
               <!-- end children -->
                <!-- end pageurl -->
             
            <li class="sidebar-nav__section-link ">
              <a
                href="/extensibility/load-generators"
                class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section"
                >Load Generators</a
              >
            </li>
              <!-- end pageurl -->
             
            <li class="sidebar-nav__section-link ">
              <a
                href="/extensibility/providers"
                class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section"
                >Providers</a
              >
            </li>
              <!-- end pageurl -->
             
            <li class="sidebar-nav__section-link ">
              <a
                href="/extensibility/ui"
                class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section"
                >UI Plugins</a
              >
            </li>
              <!-- end pageurl -->
             
            <li class="sidebar-nav__section-link ">
              <a
                href="/extensions"
                class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section"
                >🦾 Extensions ↆ</a
              >
            </li>
              <!-- end pageurl -->
             <!--  section.links -->
          </ul>
       <!--  section.links -->
    </li>
  </ul> <!-- end of "sidebar-nav__section" -->
  
    <ul class="sidebar-nav__section">
       

      <li class="sidebar-nav__section-title">
        <!-- Toggle button -->
        <div class="toggle"  data-toggle="collapse" data-target="#section4" aria-expanded="false" aria-controls="section4"> ⇅ </div>
        <a
          href="/project"  class="toggle"  data-toggle="collapse" data-target="#section4" aria-expanded="false" aria-controls="section4"
          class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section "
          > 🧑‍💻 Contributing & Community
        </a>
  
      
          <ul class="td-sidebar-nav__section collapse" id="section4">
             
            <li class="sidebar-nav__section-link ">
              <a
                href="/project/community"
                class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section"
                >Community</a
              >
            </li>
              <!-- end pageurl -->
             
            <li class="sidebar-nav__section-link ">
              <a
                href="/project/contributing"
                class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section"
                >Contributing ↆ</a
              >
            </li>
              <!-- end pageurl -->
             <!--  section.links -->
          </ul>
       <!--  section.links -->
    </li>
  </ul> <!-- end of "sidebar-nav__section" -->
  
    <ul class="sidebar-nav__section">
       

      <li class="sidebar-nav__section-title">
        <!-- Toggle button -->
        <div class="toggle"  data-toggle="collapse" data-target="#section5" aria-expanded="false" aria-controls="section5"> ⇅ </div>
        <a
          href="/reference"  class="toggle"  data-toggle="collapse" data-target="#section5" aria-expanded="false" aria-controls="section5"
          class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section "
          > 📖 Reference
        </a>
  
      
          <ul class="td-sidebar-nav__section collapse" id="section5">
             
            <li class="sidebar-nav__section-link ">
              <a
                href="/reference/error-codes"
                class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section"
                >Error Code Reference</a
              >
            </li>
              <!-- end pageurl -->
             
            <li class="sidebar-nav__section-link ">
              <a
                href="/reference/permissions"
                class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section"
                >Permissions Keys Reference</a
              >
            </li>
              <!-- end pageurl -->
             
            <li class="sidebar-nav__section-link ">
              <a
                href="/extensibility/api"
                class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section"
                >REST & GraphQL APIs ↆ</a
              >
            </li>
              <!-- end pageurl -->
             
            <li class="sidebar-nav__section-link ">
              <a
                href="/reference/mesheryctl"
                class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section"
                >CLI Command Reference</a
              >
            </li>
              <!-- end pageurl -->
             
            <li class="sidebar-nav__section-link ">
              <a
                href="/reference/meshery-operator-crds"
                class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section"
                >Meshery Operator CRDs</a
              >
            </li>
              <!-- end pageurl -->
             
            <li class="sidebar-nav__section-link ">
              <a
                href="/project/releases"
                class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section"
                >Releases</a
              >
            </li>
              <!-- end pageurl -->
             
            <li class="sidebar-nav__section-link ">
              <a
                href="/project/security-vulnerabilities"
                class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section"
                >Vulnerabilities</a
              >
            </li>
              <!-- end pageurl -->
             <!--  section.links -->
          </ul>
       <!--  section.links -->
    </li>
  </ul> <!-- end of "sidebar-nav__section" -->
  
</nav>
</div>
</div>
        </div>

        <div class="icon-container">
          <button class="nav-toggle-btn nav-toggle-btn--document">
            <?xml version="1.0" encoding="utf-8"?>
              <svg version="1.1" id="document-nav-toggle-btn" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
                x="0px" y="0px" viewBox="0 0 10.7 18.7" style="enable-background:new 0 0 10.7 18.7;" xml:space="preserve">
              <style type="text/css">
                .st0{stroke:#000000;stroke-width:1.5;stroke-miterlimit:10;}
              </style>
              <path class="st0" d="M8.1,9.4L1,1.9C0.7,1.7,0.7,1.2,1,1c0.3-0.3,0.7-0.3,1,0c0,0,0,0,0,0l7.8,7.9c0.3,0.3,0.3,0.7,0,1l-7.8,7.9
                c-0.3,0.3-0.7,0.3-1,0c0,0,0,0,0,0c-0.3-0.3-0.3-0.7,0-1L8.1,9.4z"/>
              </svg>
          </button>
        </div>
      </div>
      <main class="main-container" role="main">
        <nav aria-label="breadcrumb">
          <ol class="breadcrumb spb-1">
            <li class="breadcrumb-item active" aria-current="page"><div id="breadcrumbs">


   <a href="/">home</a>


  
    / <a href="/extensibility">extensibility</a> 
  

  
    / <a href="/extensibility/integrations">integrations</a> 
  

  
    / google cloud platform
  

</div>

<!-- <a href="http://idratherbewriting.com" class="noCrossRef productSubtitle"> Home </a> > <a class="noCrossRef productSubtitle" href="http://localhost:4000">Learn API Doc</a> > gcp -->
</li>
          </ol>
        </nav>
        <div class="td-content">
          
          <h1>Google Cloud Platform</h1>
           Google Cloud Platform, offered by Google, is a suite of cloud computing services that provides a series of modular cloud services including computing, data storage, data analytics and machine learning, alongside a set of management tools.



<!-- components -->
<div>
    <section class="Compheading">
        
        <h3>
            Components ( 216 )
        </h3>
        <p>The Meshery model for Google Cloud Platform supports the following components.</p>
        
    </section>

    <section class="componentsSection">
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-ai-platform/icons/color/gcp-ai-platform-color.svg" alt="gcp-ai-platform" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-ai-platform/icons/white/gcp-ai-platform-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-ai-platform/icons/color/gcp-ai-platform-color.svg" />
            </div>
            <p class="Compitems">gcp-ai-platform</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-migrate-for-anthos/icons/color/gcp-migrate-for-anthos-color.svg" alt="gcp-migrate-for-anthos" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-migrate-for-anthos/icons/white/gcp-migrate-for-anthos-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-migrate-for-anthos/icons/color/gcp-migrate-for-anthos-color.svg" />
            </div>
            <p class="Compitems">gcp-migrate-for-anthos</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-cloud-generic/icons/color/gcp-cloud-generic-color.svg" alt="gcp-cloud-generic" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-cloud-generic/icons/white/gcp-cloud-generic-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-cloud-generic/icons/color/gcp-cloud-generic-color.svg" />
            </div>
            <p class="Compitems">gcp-cloud-generic</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-cloud-code/icons/color/gcp-cloud-code-color.svg" alt="gcp-cloud-code" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-cloud-code/icons/white/gcp-cloud-code-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-cloud-code/icons/color/gcp-cloud-code-color.svg" />
            </div>
            <p class="Compitems">gcp-cloud-code</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-identity-and-access-management/icons/color/gcp-identity-and-access-management-color.svg" alt="gcp-identity-and-access-management" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-identity-and-access-management/icons/white/gcp-identity-and-access-management-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-identity-and-access-management/icons/color/gcp-identity-and-access-management-color.svg" />
            </div>
            <p class="Compitems">gcp-identity-and-access-management</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-advanced-agent-modeling/icons/color/gcp-advanced-agent-modeling-color.svg" alt="gcp-advanced-agent-modeling" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-advanced-agent-modeling/icons/white/gcp-advanced-agent-modeling-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-advanced-agent-modeling/icons/color/gcp-advanced-agent-modeling-color.svg" />
            </div>
            <p class="Compitems">gcp-advanced-agent-modeling</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-compute-engine/icons/color/gcp-compute-engine-color.svg" alt="gcp-compute-engine" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-compute-engine/icons/white/gcp-compute-engine-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-compute-engine/icons/color/gcp-compute-engine-color.svg" />
            </div>
            <p class="Compitems">gcp-compute-engine</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-transfer/icons/color/gcp-transfer-color.svg" alt="gcp-transfer" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-transfer/icons/white/gcp-transfer-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-transfer/icons/color/gcp-transfer-color.svg" />
            </div>
            <p class="Compitems">gcp-transfer</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-quantum-engine/icons/color/gcp-quantum-engine-color.svg" alt="gcp-quantum-engine" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-quantum-engine/icons/white/gcp-quantum-engine-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-quantum-engine/icons/color/gcp-quantum-engine-color.svg" />
            </div>
            <p class="Compitems">gcp-quantum-engine</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-anthos-service-mesh/icons/color/gcp-anthos-service-mesh-color.svg" alt="gcp-anthos-service-mesh" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-anthos-service-mesh/icons/white/gcp-anthos-service-mesh-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-anthos-service-mesh/icons/color/gcp-anthos-service-mesh-color.svg" />
            </div>
            <p class="Compitems">gcp-anthos-service-mesh</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-quotas/icons/color/gcp-quotas-color.svg" alt="gcp-quotas" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-quotas/icons/white/gcp-quotas-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-quotas/icons/color/gcp-quotas-color.svg" />
            </div>
            <p class="Compitems">gcp-quotas</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-cloud-armor/icons/color/gcp-cloud-armor-color.svg" alt="gcp-cloud-armor" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-cloud-armor/icons/white/gcp-cloud-armor-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-cloud-armor/icons/color/gcp-cloud-armor-color.svg" />
            </div>
            <p class="Compitems">gcp-cloud-armor</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-game-servers/icons/color/gcp-game-servers-color.svg" alt="gcp-game-servers" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-game-servers/icons/white/gcp-game-servers-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-game-servers/icons/color/gcp-game-servers-color.svg" />
            </div>
            <p class="Compitems">gcp-game-servers</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-filestore/icons/color/gcp-filestore-color.svg" alt="gcp-filestore" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-filestore/icons/white/gcp-filestore-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-filestore/icons/color/gcp-filestore-color.svg" />
            </div>
            <p class="Compitems">gcp-filestore</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-cloud-routes/icons/color/gcp-cloud-routes-color.svg" alt="gcp-cloud-routes" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-cloud-routes/icons/white/gcp-cloud-routes-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-cloud-routes/icons/color/gcp-cloud-routes-color.svg" />
            </div>
            <p class="Compitems">gcp-cloud-routes</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-web-risk/icons/color/gcp-web-risk-color.svg" alt="gcp-web-risk" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-web-risk/icons/white/gcp-web-risk-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-web-risk/icons/color/gcp-web-risk-color.svg" />
            </div>
            <p class="Compitems">gcp-web-risk</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-certificate-authority-service/icons/color/gcp-certificate-authority-service-color.svg" alt="gcp-certificate-authority-service" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-certificate-authority-service/icons/white/gcp-certificate-authority-service-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-certificate-authority-service/icons/color/gcp-certificate-authority-service-color.svg" />
            </div>
            <p class="Compitems">gcp-certificate-authority-service</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-cloud-sql/icons/color/gcp-cloud-sql-color.svg" alt="gcp-cloud-sql" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-cloud-sql/icons/white/gcp-cloud-sql-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-cloud-sql/icons/color/gcp-cloud-sql-color.svg" />
            </div>
            <p class="Compitems">gcp-cloud-sql</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-runtime-config/icons/color/gcp-runtime-config-color.svg" alt="gcp-runtime-config" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-runtime-config/icons/white/gcp-runtime-config-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-runtime-config/icons/color/gcp-runtime-config-color.svg" />
            </div>
            <p class="Compitems">gcp-runtime-config</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-datapol/icons/color/gcp-datapol-color.svg" alt="gcp-datapol" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-datapol/icons/white/gcp-datapol-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-datapol/icons/color/gcp-datapol-color.svg" />
            </div>
            <p class="Compitems">gcp-datapol</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-data-loss-prevention-api/icons/color/gcp-data-loss-prevention-api-color.svg" alt="gcp-data-loss-prevention-api" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-data-loss-prevention-api/icons/white/gcp-data-loss-prevention-api-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-data-loss-prevention-api/icons/color/gcp-data-loss-prevention-api-color.svg" />
            </div>
            <p class="Compitems">gcp-data-loss-prevention-api</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-cloud-audit-logs/icons/color/gcp-cloud-audit-logs-color.svg" alt="gcp-cloud-audit-logs" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-cloud-audit-logs/icons/white/gcp-cloud-audit-logs-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-cloud-audit-logs/icons/color/gcp-cloud-audit-logs-color.svg" />
            </div>
            <p class="Compitems">gcp-cloud-audit-logs</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-dialogflow/icons/color/gcp-dialogflow-color.svg" alt="gcp-dialogflow" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-dialogflow/icons/white/gcp-dialogflow-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-dialogflow/icons/color/gcp-dialogflow-color.svg" />
            </div>
            <p class="Compitems">gcp-dialogflow</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-security-command-center/icons/color/gcp-security-command-center-color.svg" alt="gcp-security-command-center" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-security-command-center/icons/white/gcp-security-command-center-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-security-command-center/icons/color/gcp-security-command-center-color.svg" />
            </div>
            <p class="Compitems">gcp-security-command-center</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-bigtable/icons/color/gcp-bigtable-color.svg" alt="gcp-bigtable" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-bigtable/icons/white/gcp-bigtable-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-bigtable/icons/color/gcp-bigtable-color.svg" />
            </div>
            <p class="Compitems">gcp-bigtable</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-premium-network-tier/icons/color/gcp-premium-network-tier-color.svg" alt="gcp-premium-network-tier" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-premium-network-tier/icons/white/gcp-premium-network-tier-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-premium-network-tier/icons/color/gcp-premium-network-tier-color.svg" />
            </div>
            <p class="Compitems">gcp-premium-network-tier</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-private-connectivity/icons/color/gcp-private-connectivity-color.svg" alt="gcp-private-connectivity" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-private-connectivity/icons/white/gcp-private-connectivity-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-private-connectivity/icons/color/gcp-private-connectivity-color.svg" />
            </div>
            <p class="Compitems">gcp-private-connectivity</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-anthos/icons/color/gcp-anthos-color.svg" alt="gcp-anthos" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-anthos/icons/white/gcp-anthos-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-anthos/icons/color/gcp-anthos-color.svg" />
            </div>
            <p class="Compitems">gcp-anthos</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-connectors/icons/color/gcp-connectors-color.svg" alt="gcp-connectors" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-connectors/icons/white/gcp-connectors-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-connectors/icons/color/gcp-connectors-color.svg" />
            </div>
            <p class="Compitems">gcp-connectors</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-project/icons/color/gcp-project-color.svg" alt="gcp-project" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-project/icons/white/gcp-project-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-project/icons/color/gcp-project-color.svg" />
            </div>
            <p class="Compitems">gcp-project</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-security/icons/color/gcp-security-color.svg" alt="gcp-security" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-security/icons/white/gcp-security-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-security/icons/color/gcp-security-color.svg" />
            </div>
            <p class="Compitems">gcp-security</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-cloud-natural-language-api/icons/color/gcp-cloud-natural-language-api-color.svg" alt="gcp-cloud-natural-language-api" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-cloud-natural-language-api/icons/white/gcp-cloud-natural-language-api-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-cloud-natural-language-api/icons/color/gcp-cloud-natural-language-api-color.svg" />
            </div>
            <p class="Compitems">gcp-cloud-natural-language-api</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-bigquery/icons/color/gcp-bigquery-color.svg" alt="gcp-bigquery" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-bigquery/icons/white/gcp-bigquery-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-bigquery/icons/color/gcp-bigquery-color.svg" />
            </div>
            <p class="Compitems">gcp-bigquery</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-cloud-asset-inventory/icons/color/gcp-cloud-asset-inventory-color.svg" alt="gcp-cloud-asset-inventory" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-cloud-asset-inventory/icons/white/gcp-cloud-asset-inventory-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-cloud-asset-inventory/icons/color/gcp-cloud-asset-inventory-color.svg" />
            </div>
            <p class="Compitems">gcp-cloud-asset-inventory</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-cloud-endpoints/icons/color/gcp-cloud-endpoints-color.svg" alt="gcp-cloud-endpoints" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-cloud-endpoints/icons/white/gcp-cloud-endpoints-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-cloud-endpoints/icons/color/gcp-cloud-endpoints-color.svg" />
            </div>
            <p class="Compitems">gcp-cloud-endpoints</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-launcher/icons/color/gcp-launcher-color.svg" alt="gcp-launcher" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-launcher/icons/white/gcp-launcher-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-launcher/icons/color/gcp-launcher-color.svg" />
            </div>
            <p class="Compitems">gcp-launcher</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-data-labeling/icons/color/gcp-data-labeling-color.svg" alt="gcp-data-labeling" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-data-labeling/icons/white/gcp-data-labeling-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-data-labeling/icons/color/gcp-data-labeling-color.svg" />
            </div>
            <p class="Compitems">gcp-data-labeling</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-phishing-protection/icons/color/gcp-phishing-protection-color.svg" alt="gcp-phishing-protection" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-phishing-protection/icons/white/gcp-phishing-protection-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-phishing-protection/icons/color/gcp-phishing-protection-color.svg" />
            </div>
            <p class="Compitems">gcp-phishing-protection</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-container-registry/icons/color/gcp-container-registry-color.svg" alt="gcp-container-registry" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-container-registry/icons/white/gcp-container-registry-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-container-registry/icons/color/gcp-container-registry-color.svg" />
            </div>
            <p class="Compitems">gcp-container-registry</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-cloud-spanner/icons/color/gcp-cloud-spanner-color.svg" alt="gcp-cloud-spanner" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-cloud-spanner/icons/white/gcp-cloud-spanner-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-cloud-spanner/icons/color/gcp-cloud-spanner-color.svg" />
            </div>
            <p class="Compitems">gcp-cloud-spanner</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-dialogflow-insights/icons/color/gcp-dialogflow-insights-color.svg" alt="gcp-dialogflow-insights" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-dialogflow-insights/icons/white/gcp-dialogflow-insights-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-dialogflow-insights/icons/color/gcp-dialogflow-insights-color.svg" />
            </div>
            <p class="Compitems">gcp-dialogflow-insights</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-cloud-build/icons/color/gcp-cloud-build-color.svg" alt="gcp-cloud-build" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-cloud-build/icons/white/gcp-cloud-build-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-cloud-build/icons/color/gcp-cloud-build-color.svg" />
            </div>
            <p class="Compitems">gcp-cloud-build</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-financial-services-marketplace/icons/color/gcp-financial-services-marketplace-color.svg" alt="gcp-financial-services-marketplace" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-financial-services-marketplace/icons/white/gcp-financial-services-marketplace-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-financial-services-marketplace/icons/color/gcp-financial-services-marketplace-color.svg" />
            </div>
            <p class="Compitems">gcp-financial-services-marketplace</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-ai-platform-unified/icons/color/gcp-ai-platform-unified-color.svg" alt="gcp-ai-platform-unified" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-ai-platform-unified/icons/white/gcp-ai-platform-unified-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-ai-platform-unified/icons/color/gcp-ai-platform-unified-color.svg" />
            </div>
            <p class="Compitems">gcp-ai-platform-unified</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-cloud-nat/icons/color/gcp-cloud-nat-color.svg" alt="gcp-cloud-nat" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-cloud-nat/icons/white/gcp-cloud-nat-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-cloud-nat/icons/color/gcp-cloud-nat-color.svg" />
            </div>
            <p class="Compitems">gcp-cloud-nat</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-traffic-director/icons/color/gcp-traffic-director-color.svg" alt="gcp-traffic-director" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-traffic-director/icons/white/gcp-traffic-director-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-traffic-director/icons/color/gcp-traffic-director-color.svg" />
            </div>
            <p class="Compitems">gcp-traffic-director</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-tensorflow-enterprise/icons/color/gcp-tensorflow-enterprise-color.svg" alt="gcp-tensorflow-enterprise" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-tensorflow-enterprise/icons/white/gcp-tensorflow-enterprise-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-tensorflow-enterprise/icons/color/gcp-tensorflow-enterprise-color.svg" />
            </div>
            <p class="Compitems">gcp-tensorflow-enterprise</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-cloud-scheduler/icons/color/gcp-cloud-scheduler-color.svg" alt="gcp-cloud-scheduler" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-cloud-scheduler/icons/white/gcp-cloud-scheduler-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-cloud-scheduler/icons/color/gcp-cloud-scheduler-color.svg" />
            </div>
            <p class="Compitems">gcp-cloud-scheduler</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-document-ai/icons/color/gcp-document-ai-color.svg" alt="gcp-document-ai" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-document-ai/icons/white/gcp-document-ai-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-document-ai/icons/color/gcp-document-ai-color.svg" />
            </div>
            <p class="Compitems">gcp-document-ai</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-datastream/icons/color/gcp-datastream-color.svg" alt="gcp-datastream" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-datastream/icons/white/gcp-datastream-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-datastream/icons/color/gcp-datastream-color.svg" />
            </div>
            <p class="Compitems">gcp-datastream</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-automl-video-intelligence/icons/color/gcp-automl-video-intelligence-color.svg" alt="gcp-automl-video-intelligence" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-automl-video-intelligence/icons/white/gcp-automl-video-intelligence-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-automl-video-intelligence/icons/color/gcp-automl-video-intelligence-color.svg" />
            </div>
            <p class="Compitems">gcp-automl-video-intelligence</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-tools-for-powershell/icons/color/gcp-tools-for-powershell-color.svg" alt="gcp-tools-for-powershell" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-tools-for-powershell/icons/white/gcp-tools-for-powershell-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-tools-for-powershell/icons/color/gcp-tools-for-powershell-color.svg" />
            </div>
            <p class="Compitems">gcp-tools-for-powershell</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-contact-center-ai/icons/color/gcp-contact-center-ai-color.svg" alt="gcp-contact-center-ai" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-contact-center-ai/icons/white/gcp-contact-center-ai-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-contact-center-ai/icons/color/gcp-contact-center-ai-color.svg" />
            </div>
            <p class="Compitems">gcp-contact-center-ai</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-os-patch-management/icons/color/gcp-os-patch-management-color.svg" alt="gcp-os-patch-management" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-os-patch-management/icons/white/gcp-os-patch-management-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-os-patch-management/icons/color/gcp-os-patch-management-color.svg" />
            </div>
            <p class="Compitems">gcp-os-patch-management</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-batch/icons/color/gcp-batch-color.svg" alt="gcp-batch" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-batch/icons/white/gcp-batch-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-batch/icons/color/gcp-batch-color.svg" />
            </div>
            <p class="Compitems">gcp-batch</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-app-engine/icons/color/gcp-app-engine-color.svg" alt="gcp-app-engine" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-app-engine/icons/white/gcp-app-engine-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-app-engine/icons/color/gcp-app-engine-color.svg" />
            </div>
            <p class="Compitems">gcp-app-engine</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-producer-portal/icons/color/gcp-producer-portal-color.svg" alt="gcp-producer-portal" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-producer-portal/icons/white/gcp-producer-portal-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-producer-portal/icons/color/gcp-producer-portal-color.svg" />
            </div>
            <p class="Compitems">gcp-producer-portal</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-security-health-advisor/icons/color/gcp-security-health-advisor-color.svg" alt="gcp-security-health-advisor" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-security-health-advisor/icons/white/gcp-security-health-advisor-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-security-health-advisor/icons/color/gcp-security-health-advisor-color.svg" />
            </div>
            <p class="Compitems">gcp-security-health-advisor</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-dataprep/icons/color/gcp-dataprep-color.svg" alt="gcp-dataprep" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-dataprep/icons/white/gcp-dataprep-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-dataprep/icons/color/gcp-dataprep-color.svg" />
            </div>
            <p class="Compitems">gcp-dataprep</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-stream-suite/icons/color/gcp-stream-suite-color.svg" alt="gcp-stream-suite" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-stream-suite/icons/white/gcp-stream-suite-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-stream-suite/icons/color/gcp-stream-suite-color.svg" />
            </div>
            <p class="Compitems">gcp-stream-suite</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-eventarc/icons/color/gcp-eventarc-color.svg" alt="gcp-eventarc" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-eventarc/icons/white/gcp-eventarc-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-eventarc/icons/color/gcp-eventarc-color.svg" />
            </div>
            <p class="Compitems">gcp-eventarc</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-cloud-translation-api/icons/color/gcp-cloud-translation-api-color.svg" alt="gcp-cloud-translation-api" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-cloud-translation-api/icons/white/gcp-cloud-translation-api-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-cloud-translation-api/icons/color/gcp-cloud-translation-api-color.svg" />
            </div>
            <p class="Compitems">gcp-cloud-translation-api</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-agent-assist/icons/color/gcp-agent-assist-color.svg" alt="gcp-agent-assist" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-agent-assist/icons/white/gcp-agent-assist-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-agent-assist/icons/color/gcp-agent-assist-color.svg" />
            </div>
            <p class="Compitems">gcp-agent-assist</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-google-kubernetes-engine/icons/color/gcp-google-kubernetes-engine-color.svg" alt="gcp-google-kubernetes-engine" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-google-kubernetes-engine/icons/white/gcp-google-kubernetes-engine-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-google-kubernetes-engine/icons/color/gcp-google-kubernetes-engine-color.svg" />
            </div>
            <p class="Compitems">gcp-google-kubernetes-engine</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-transfer-appliance/icons/color/gcp-transfer-appliance-color.svg" alt="gcp-transfer-appliance" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-transfer-appliance/icons/white/gcp-transfer-appliance-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-transfer-appliance/icons/color/gcp-transfer-appliance-color.svg" />
            </div>
            <p class="Compitems">gcp-transfer-appliance</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-firestore/icons/color/gcp-firestore-color.svg" alt="gcp-firestore" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-firestore/icons/white/gcp-firestore-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-firestore/icons/color/gcp-firestore-color.svg" />
            </div>
            <p class="Compitems">gcp-firestore</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-data-catalog/icons/color/gcp-data-catalog-color.svg" alt="gcp-data-catalog" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-data-catalog/icons/white/gcp-data-catalog-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-data-catalog/icons/color/gcp-data-catalog-color.svg" />
            </div>
            <p class="Compitems">gcp-data-catalog</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-private-service-connect/icons/color/gcp-private-service-connect-color.svg" alt="gcp-private-service-connect" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-private-service-connect/icons/white/gcp-private-service-connect-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-private-service-connect/icons/color/gcp-private-service-connect-color.svg" />
            </div>
            <p class="Compitems">gcp-private-service-connect</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-secret-manager/icons/color/gcp-secret-manager-color.svg" alt="gcp-secret-manager" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-secret-manager/icons/white/gcp-secret-manager-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-secret-manager/icons/color/gcp-secret-manager-color.svg" />
            </div>
            <p class="Compitems">gcp-secret-manager</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-cloud-tpu/icons/color/gcp-cloud-tpu-color.svg" alt="gcp-cloud-tpu" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-cloud-tpu/icons/white/gcp-cloud-tpu-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-cloud-tpu/icons/color/gcp-cloud-tpu-color.svg" />
            </div>
            <p class="Compitems">gcp-cloud-tpu</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-cloud-hsm/icons/color/gcp-cloud-hsm-color.svg" alt="gcp-cloud-hsm" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-cloud-hsm/icons/white/gcp-cloud-hsm-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-cloud-hsm/icons/color/gcp-cloud-hsm-color.svg" />
            </div>
            <p class="Compitems">gcp-cloud-hsm</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-trace/icons/color/gcp-trace-color.svg" alt="gcp-trace" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-trace/icons/white/gcp-trace-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-trace/icons/color/gcp-trace-color.svg" />
            </div>
            <p class="Compitems">gcp-trace</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-onboarding/icons/color/gcp-onboarding-color.svg" alt="gcp-onboarding" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-onboarding/icons/white/gcp-onboarding-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-onboarding/icons/color/gcp-onboarding-color.svg" />
            </div>
            <p class="Compitems">gcp-onboarding</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-cloud-network/icons/color/gcp-cloud-network-color.svg" alt="gcp-cloud-network" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-cloud-network/icons/white/gcp-cloud-network-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-cloud-network/icons/color/gcp-cloud-network-color.svg" />
            </div>
            <p class="Compitems">gcp-cloud-network</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-fleet-engine/icons/color/gcp-fleet-engine-color.svg" alt="gcp-fleet-engine" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-fleet-engine/icons/white/gcp-fleet-engine-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-fleet-engine/icons/color/gcp-fleet-engine-color.svg" />
            </div>
            <p class="Compitems">gcp-fleet-engine</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-workload-identity-pool/icons/color/gcp-workload-identity-pool-color.svg" alt="gcp-workload-identity-pool" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-workload-identity-pool/icons/white/gcp-workload-identity-pool-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-workload-identity-pool/icons/color/gcp-workload-identity-pool-color.svg" />
            </div>
            <p class="Compitems">gcp-workload-identity-pool</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-automl-tables/icons/color/gcp-automl-tables-color.svg" alt="gcp-automl-tables" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-automl-tables/icons/white/gcp-automl-tables-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-automl-tables/icons/color/gcp-automl-tables-color.svg" />
            </div>
            <p class="Compitems">gcp-automl-tables</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-security-key-enforcement/icons/color/gcp-security-key-enforcement-color.svg" alt="gcp-security-key-enforcement" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-security-key-enforcement/icons/white/gcp-security-key-enforcement-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-security-key-enforcement/icons/color/gcp-security-key-enforcement-color.svg" />
            </div>
            <p class="Compitems">gcp-security-key-enforcement</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-cloud-composer/icons/color/gcp-cloud-composer-color.svg" alt="gcp-cloud-composer" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-cloud-composer/icons/white/gcp-cloud-composer-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-cloud-composer/icons/color/gcp-cloud-composer-color.svg" />
            </div>
            <p class="Compitems">gcp-cloud-composer</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-api-monetization/icons/color/gcp-api-monetization-color.svg" alt="gcp-api-monetization" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-api-monetization/icons/white/gcp-api-monetization-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-api-monetization/icons/color/gcp-api-monetization-color.svg" />
            </div>
            <p class="Compitems">gcp-api-monetization</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-automl-translation/icons/color/gcp-automl-translation-color.svg" alt="gcp-automl-translation" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-automl-translation/icons/white/gcp-automl-translation-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-automl-translation/icons/color/gcp-automl-translation-color.svg" />
            </div>
            <p class="Compitems">gcp-automl-translation</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-user-preferences/icons/color/gcp-user-preferences-color.svg" alt="gcp-user-preferences" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-user-preferences/icons/white/gcp-user-preferences-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-user-preferences/icons/color/gcp-user-preferences-color.svg" />
            </div>
            <p class="Compitems">gcp-user-preferences</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-retail-api/icons/color/gcp-retail-api-color.svg" alt="gcp-retail-api" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-retail-api/icons/white/gcp-retail-api-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-retail-api/icons/color/gcp-retail-api-color.svg" />
            </div>
            <p class="Compitems">gcp-retail-api</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-cloud-api-gateway/icons/color/gcp-cloud-api-gateway-color.svg" alt="gcp-cloud-api-gateway" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-cloud-api-gateway/icons/white/gcp-cloud-api-gateway-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-cloud-api-gateway/icons/color/gcp-cloud-api-gateway-color.svg" />
            </div>
            <p class="Compitems">gcp-cloud-api-gateway</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-early-access-center/icons/color/gcp-early-access-center-color.svg" alt="gcp-early-access-center" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-early-access-center/icons/white/gcp-early-access-center-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-early-access-center/icons/color/gcp-early-access-center-color.svg" />
            </div>
            <p class="Compitems">gcp-early-access-center</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-partner-portal/icons/color/gcp-partner-portal-color.svg" alt="gcp-partner-portal" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-partner-portal/icons/white/gcp-partner-portal-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-partner-portal/icons/color/gcp-partner-portal-color.svg" />
            </div>
            <p class="Compitems">gcp-partner-portal</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-partner-interconnect/icons/color/gcp-partner-interconnect-color.svg" alt="gcp-partner-interconnect" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-partner-interconnect/icons/white/gcp-partner-interconnect-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-partner-interconnect/icons/color/gcp-partner-interconnect-color.svg" />
            </div>
            <p class="Compitems">gcp-partner-interconnect</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-connectivity-test/icons/color/gcp-connectivity-test-color.svg" alt="gcp-connectivity-test" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-connectivity-test/icons/white/gcp-connectivity-test-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-connectivity-test/icons/color/gcp-connectivity-test-color.svg" />
            </div>
            <p class="Compitems">gcp-connectivity-test</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-home/icons/color/gcp-home-color.svg" alt="gcp-home" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-home/icons/white/gcp-home-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-home/icons/color/gcp-home-color.svg" />
            </div>
            <p class="Compitems">gcp-home</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-data-transfer/icons/color/gcp-data-transfer-color.svg" alt="gcp-data-transfer" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-data-transfer/icons/white/gcp-data-transfer-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-data-transfer/icons/color/gcp-data-transfer-color.svg" />
            </div>
            <p class="Compitems">gcp-data-transfer</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-cloud-for-marketing/icons/color/gcp-cloud-for-marketing-color.svg" alt="gcp-cloud-for-marketing" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-cloud-for-marketing/icons/white/gcp-cloud-for-marketing-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-cloud-for-marketing/icons/color/gcp-cloud-for-marketing-color.svg" />
            </div>
            <p class="Compitems">gcp-cloud-for-marketing</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-error-reporting/icons/color/gcp-error-reporting-color.svg" alt="gcp-error-reporting" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-error-reporting/icons/white/gcp-error-reporting-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-error-reporting/icons/color/gcp-error-reporting-color.svg" />
            </div>
            <p class="Compitems">gcp-error-reporting</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-stackdriver/icons/color/gcp-stackdriver-color.svg" alt="gcp-stackdriver" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-stackdriver/icons/white/gcp-stackdriver-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-stackdriver/icons/color/gcp-stackdriver-color.svg" />
            </div>
            <p class="Compitems">gcp-stackdriver</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-access-context-manager/icons/color/gcp-access-context-manager-color.svg" alt="gcp-access-context-manager" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-access-context-manager/icons/white/gcp-access-context-manager-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-access-context-manager/icons/color/gcp-access-context-manager-color.svg" />
            </div>
            <p class="Compitems">gcp-access-context-manager</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-iot-core/icons/color/gcp-iot-core-color.svg" alt="gcp-iot-core" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-iot-core/icons/white/gcp-iot-core-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-iot-core/icons/color/gcp-iot-core-color.svg" />
            </div>
            <p class="Compitems">gcp-iot-core</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-apigee-sense/icons/color/gcp-apigee-sense-color.svg" alt="gcp-apigee-sense" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-apigee-sense/icons/white/gcp-apigee-sense-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-apigee-sense/icons/color/gcp-apigee-sense-color.svg" />
            </div>
            <p class="Compitems">gcp-apigee-sense</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-local-ssd/icons/color/gcp-local-ssd-color.svg" alt="gcp-local-ssd" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-local-ssd/icons/white/gcp-local-ssd-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-local-ssd/icons/color/gcp-local-ssd-color.svg" />
            </div>
            <p class="Compitems">gcp-local-ssd</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-vmware-engine/icons/color/gcp-vmware-engine-color.svg" alt="gcp-vmware-engine" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-vmware-engine/icons/white/gcp-vmware-engine-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-vmware-engine/icons/color/gcp-vmware-engine-color.svg" />
            </div>
            <p class="Compitems">gcp-vmware-engine</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-container-optimized-os/icons/color/gcp-container-optimized-os-color.svg" alt="gcp-container-optimized-os" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-container-optimized-os/icons/white/gcp-container-optimized-os-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-container-optimized-os/icons/color/gcp-container-optimized-os-color.svg" />
            </div>
            <p class="Compitems">gcp-container-optimized-os</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-key-management-service/icons/color/gcp-key-management-service-color.svg" alt="gcp-key-management-service" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-key-management-service/icons/white/gcp-key-management-service-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-key-management-service/icons/color/gcp-key-management-service-color.svg" />
            </div>
            <p class="Compitems">gcp-key-management-service</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-cloud-inference-api/icons/color/gcp-cloud-inference-api-color.svg" alt="gcp-cloud-inference-api" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-cloud-inference-api/icons/white/gcp-cloud-inference-api-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-cloud-inference-api/icons/color/gcp-cloud-inference-api-color.svg" />
            </div>
            <p class="Compitems">gcp-cloud-inference-api</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-vertexai/icons/color/gcp-vertexai-color.svg" alt="gcp-vertexai" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-vertexai/icons/white/gcp-vertexai-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-vertexai/icons/color/gcp-vertexai-color.svg" />
            </div>
            <p class="Compitems">gcp-vertexai</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-cloud-optimization-ai/icons/color/gcp-cloud-optimization-ai-color.svg" alt="gcp-cloud-optimization-ai" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-cloud-optimization-ai/icons/white/gcp-cloud-optimization-ai-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-cloud-optimization-ai/icons/color/gcp-cloud-optimization-ai-color.svg" />
            </div>
            <p class="Compitems">gcp-cloud-optimization-ai</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-gce-systems-management/icons/color/gcp-gce-systems-management-color.svg" alt="gcp-gce-systems-management" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-gce-systems-management/icons/white/gcp-gce-systems-management-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-gce-systems-management/icons/color/gcp-gce-systems-management-color.svg" />
            </div>
            <p class="Compitems">gcp-gce-systems-management</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-pubsub/icons/color/gcp-pubsub-color.svg" alt="gcp-pubsub" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-pubsub/icons/white/gcp-pubsub-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-pubsub/icons/color/gcp-pubsub-color.svg" />
            </div>
            <p class="Compitems">gcp-pubsub</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-developer-portal/icons/color/gcp-developer-portal-color.svg" alt="gcp-developer-portal" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-developer-portal/icons/white/gcp-developer-portal-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-developer-portal/icons/color/gcp-developer-portal-color.svg" />
            </div>
            <p class="Compitems">gcp-developer-portal</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-cloud-router/icons/color/gcp-cloud-router-color.svg" alt="gcp-cloud-router" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-cloud-router/icons/white/gcp-cloud-router-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-cloud-router/icons/color/gcp-cloud-router-color.svg" />
            </div>
            <p class="Compitems">gcp-cloud-router</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-cloud-logging/icons/color/gcp-cloud-logging-color.svg" alt="gcp-cloud-logging" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-cloud-logging/icons/white/gcp-cloud-logging-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-cloud-logging/icons/color/gcp-cloud-logging-color.svg" />
            </div>
            <p class="Compitems">gcp-cloud-logging</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-workflows/icons/color/gcp-workflows-color.svg" alt="gcp-workflows" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-workflows/icons/white/gcp-workflows-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-workflows/icons/color/gcp-workflows-color.svg" />
            </div>
            <p class="Compitems">gcp-workflows</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-dataflow/icons/color/gcp-dataflow-color.svg" alt="gcp-dataflow" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-dataflow/icons/white/gcp-dataflow-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-dataflow/icons/color/gcp-dataflow-color.svg" />
            </div>
            <p class="Compitems">gcp-dataflow</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-network-security/icons/color/gcp-network-security-color.svg" alt="gcp-network-security" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-network-security/icons/white/gcp-network-security-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-network-security/icons/color/gcp-network-security-color.svg" />
            </div>
            <p class="Compitems">gcp-network-security</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-managed-service-for-microsoft-active-directory/icons/color/gcp-managed-service-for-microsoft-active-directory-color.svg" alt="gcp-managed-service-for-microsoft-active-directory" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-managed-service-for-microsoft-active-directory/icons/white/gcp-managed-service-for-microsoft-active-directory-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-managed-service-for-microsoft-active-directory/icons/color/gcp-managed-service-for-microsoft-active-directory-color.svg" />
            </div>
            <p class="Compitems">gcp-managed-service-for-microsoft-active-directory</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-data-studio/icons/color/gcp-data-studio-color.svg" alt="gcp-data-studio" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-data-studio/icons/white/gcp-data-studio-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-data-studio/icons/color/gcp-data-studio-color.svg" />
            </div>
            <p class="Compitems">gcp-data-studio</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-cloud-jobs-api/icons/color/gcp-cloud-jobs-api-color.svg" alt="gcp-cloud-jobs-api" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-cloud-jobs-api/icons/white/gcp-cloud-jobs-api-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-cloud-jobs-api/icons/color/gcp-cloud-jobs-api-color.svg" />
            </div>
            <p class="Compitems">gcp-cloud-jobs-api</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-dialogflow-cx/icons/color/gcp-dialogflow-cx-color.svg" alt="gcp-dialogflow-cx" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-dialogflow-cx/icons/white/gcp-dialogflow-cx-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-dialogflow-cx/icons/color/gcp-dialogflow-cx-color.svg" />
            </div>
            <p class="Compitems">gcp-dialogflow-cx</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-os-inventory-management/icons/color/gcp-os-inventory-management-color.svg" alt="gcp-os-inventory-management" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-os-inventory-management/icons/white/gcp-os-inventory-management-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-os-inventory-management/icons/color/gcp-os-inventory-management-color.svg" />
            </div>
            <p class="Compitems">gcp-os-inventory-management</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-catalog/icons/color/gcp-catalog-color.svg" alt="gcp-catalog" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-catalog/icons/white/gcp-catalog-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-catalog/icons/color/gcp-catalog-color.svg" />
            </div>
            <p class="Compitems">gcp-catalog</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-risk-manager/icons/color/gcp-risk-manager-color.svg" alt="gcp-risk-manager" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-risk-manager/icons/white/gcp-risk-manager-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-risk-manager/icons/color/gcp-risk-manager-color.svg" />
            </div>
            <p class="Compitems">gcp-risk-manager</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-configuration-management/icons/color/gcp-configuration-management-color.svg" alt="gcp-configuration-management" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-configuration-management/icons/white/gcp-configuration-management-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-configuration-management/icons/color/gcp-configuration-management-color.svg" />
            </div>
            <p class="Compitems">gcp-configuration-management</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-network-connectivity-center/icons/color/gcp-network-connectivity-center-color.svg" alt="gcp-network-connectivity-center" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-network-connectivity-center/icons/white/gcp-network-connectivity-center-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-network-connectivity-center/icons/color/gcp-network-connectivity-center-color.svg" />
            </div>
            <p class="Compitems">gcp-network-connectivity-center</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-cloud-vision-api/icons/color/gcp-cloud-vision-api-color.svg" alt="gcp-cloud-vision-api" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-cloud-vision-api/icons/white/gcp-cloud-vision-api-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-cloud-vision-api/icons/color/gcp-cloud-vision-api-color.svg" />
            </div>
            <p class="Compitems">gcp-cloud-vision-api</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-persistent-disk/icons/color/gcp-persistent-disk-color.svg" alt="gcp-persistent-disk" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-persistent-disk/icons/white/gcp-persistent-disk-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-persistent-disk/icons/color/gcp-persistent-disk-color.svg" />
            </div>
            <p class="Compitems">gcp-persistent-disk</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-cloud-ekm/icons/color/gcp-cloud-ekm-color.svg" alt="gcp-cloud-ekm" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-cloud-ekm/icons/white/gcp-cloud-ekm-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-cloud-ekm/icons/color/gcp-cloud-ekm-color.svg" />
            </div>
            <p class="Compitems">gcp-cloud-ekm</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-virtual-private-cloud/icons/color/gcp-virtual-private-cloud-color.svg" alt="gcp-virtual-private-cloud" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-virtual-private-cloud/icons/white/gcp-virtual-private-cloud-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-virtual-private-cloud/icons/color/gcp-virtual-private-cloud-color.svg" />
            </div>
            <p class="Compitems">gcp-virtual-private-cloud</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-gke-on-prem/icons/color/gcp-gke-on-prem-color.svg" alt="gcp-gke-on-prem" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-gke-on-prem/icons/white/gcp-gke-on-prem-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-gke-on-prem/icons/color/gcp-gke-on-prem-color.svg" />
            </div>
            <p class="Compitems">gcp-gke-on-prem</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-free-trial/icons/color/gcp-free-trial-color.svg" alt="gcp-free-trial" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-free-trial/icons/white/gcp-free-trial-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-free-trial/icons/color/gcp-free-trial-color.svg" />
            </div>
            <p class="Compitems">gcp-free-trial</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-network-intelligence-center/icons/color/gcp-network-intelligence-center-color.svg" alt="gcp-network-intelligence-center" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-network-intelligence-center/icons/white/gcp-network-intelligence-center-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-network-intelligence-center/icons/color/gcp-network-intelligence-center-color.svg" />
            </div>
            <p class="Compitems">gcp-network-intelligence-center</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-cloud-load-balancing/icons/color/gcp-cloud-load-balancing-color.svg" alt="gcp-cloud-load-balancing" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-cloud-load-balancing/icons/white/gcp-cloud-load-balancing-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-cloud-load-balancing/icons/color/gcp-cloud-load-balancing-color.svg" />
            </div>
            <p class="Compitems">gcp-cloud-load-balancing</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-cloud-vpn/icons/color/gcp-cloud-vpn-color.svg" alt="gcp-cloud-vpn" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-cloud-vpn/icons/white/gcp-cloud-vpn-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-cloud-vpn/icons/color/gcp-cloud-vpn-color.svg" />
            </div>
            <p class="Compitems">gcp-cloud-vpn</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-permissions/icons/color/gcp-permissions-color.svg" alt="gcp-permissions" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-permissions/icons/white/gcp-permissions-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-permissions/icons/color/gcp-permissions-color.svg" />
            </div>
            <p class="Compitems">gcp-permissions</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-web-security-scanner/icons/color/gcp-web-security-scanner-color.svg" alt="gcp-web-security-scanner" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-web-security-scanner/icons/white/gcp-web-security-scanner-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-web-security-scanner/icons/color/gcp-web-security-scanner-color.svg" />
            </div>
            <p class="Compitems">gcp-web-security-scanner</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-cloud-healthcare-api/icons/color/gcp-cloud-healthcare-api-color.svg" alt="gcp-cloud-healthcare-api" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-cloud-healthcare-api/icons/white/gcp-cloud-healthcare-api-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-cloud-healthcare-api/icons/color/gcp-cloud-healthcare-api-color.svg" />
            </div>
            <p class="Compitems">gcp-cloud-healthcare-api</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-cloud-shell/icons/color/gcp-cloud-shell-color.svg" alt="gcp-cloud-shell" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-cloud-shell/icons/white/gcp-cloud-shell-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-cloud-shell/icons/color/gcp-cloud-shell-color.svg" />
            </div>
            <p class="Compitems">gcp-cloud-shell</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-beyondcorp/icons/color/gcp-beyondcorp-color.svg" alt="gcp-beyondcorp" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-beyondcorp/icons/white/gcp-beyondcorp-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-beyondcorp/icons/color/gcp-beyondcorp-color.svg" />
            </div>
            <p class="Compitems">gcp-beyondcorp</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-cloud-monitoring/icons/color/gcp-cloud-monitoring-color.svg" alt="gcp-cloud-monitoring" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-cloud-monitoring/icons/white/gcp-cloud-monitoring-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-cloud-monitoring/icons/color/gcp-cloud-monitoring-color.svg" />
            </div>
            <p class="Compitems">gcp-cloud-monitoring</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-database-migration-service/icons/color/gcp-database-migration-service-color.svg" alt="gcp-database-migration-service" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-database-migration-service/icons/white/gcp-database-migration-service-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-database-migration-service/icons/color/gcp-database-migration-service-color.svg" />
            </div>
            <p class="Compitems">gcp-database-migration-service</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-cloud-run-for-anthos/icons/color/gcp-cloud-run-for-anthos-color.svg" alt="gcp-cloud-run-for-anthos" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-cloud-run-for-anthos/icons/white/gcp-cloud-run-for-anthos-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-cloud-run-for-anthos/icons/color/gcp-cloud-run-for-anthos-color.svg" />
            </div>
            <p class="Compitems">gcp-cloud-run-for-anthos</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-identity-aware-proxy/icons/color/gcp-identity-aware-proxy-color.svg" alt="gcp-identity-aware-proxy" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-identity-aware-proxy/icons/white/gcp-identity-aware-proxy-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-identity-aware-proxy/icons/color/gcp-identity-aware-proxy-color.svg" />
            </div>
            <p class="Compitems">gcp-identity-aware-proxy</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-my-cloud/icons/color/gcp-my-cloud-color.svg" alt="gcp-my-cloud" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-my-cloud/icons/white/gcp-my-cloud-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-my-cloud/icons/color/gcp-my-cloud-color.svg" />
            </div>
            <p class="Compitems">gcp-my-cloud</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-media-translation-api/icons/color/gcp-media-translation-api-color.svg" alt="gcp-media-translation-api" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-media-translation-api/icons/white/gcp-media-translation-api-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-media-translation-api/icons/color/gcp-media-translation-api-color.svg" />
            </div>
            <p class="Compitems">gcp-media-translation-api</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-iot-edge/icons/color/gcp-iot-edge-color.svg" alt="gcp-iot-edge" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-iot-edge/icons/white/gcp-iot-edge-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-iot-edge/icons/color/gcp-iot-edge-color.svg" />
            </div>
            <p class="Compitems">gcp-iot-edge</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-performance-dashboard/icons/color/gcp-performance-dashboard-color.svg" alt="gcp-performance-dashboard" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-performance-dashboard/icons/white/gcp-performance-dashboard-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-performance-dashboard/icons/color/gcp-performance-dashboard-color.svg" />
            </div>
            <p class="Compitems">gcp-performance-dashboard</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-genomics/icons/color/gcp-genomics-color.svg" alt="gcp-genomics" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-genomics/icons/white/gcp-genomics-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-genomics/icons/color/gcp-genomics-color.svg" />
            </div>
            <p class="Compitems">gcp-genomics</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-support/icons/color/gcp-support-color.svg" alt="gcp-support" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-support/icons/white/gcp-support-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-support/icons/color/gcp-support-color.svg" />
            </div>
            <p class="Compitems">gcp-support</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-datastore/icons/color/gcp-datastore-color.svg" alt="gcp-datastore" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-datastore/icons/white/gcp-datastore-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-datastore/icons/color/gcp-datastore-color.svg" />
            </div>
            <p class="Compitems">gcp-datastore</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-google-maps-platform/icons/color/gcp-google-maps-platform-color.svg" alt="gcp-google-maps-platform" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-google-maps-platform/icons/white/gcp-google-maps-platform-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-google-maps-platform/icons/color/gcp-google-maps-platform-color.svg" />
            </div>
            <p class="Compitems">gcp-google-maps-platform</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-administration/icons/color/gcp-administration-color.svg" alt="gcp-administration" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-administration/icons/white/gcp-administration-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-administration/icons/color/gcp-administration-color.svg" />
            </div>
            <p class="Compitems">gcp-administration</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-api-analytics/icons/color/gcp-api-analytics-color.svg" alt="gcp-api-analytics" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-api-analytics/icons/white/gcp-api-analytics-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-api-analytics/icons/color/gcp-api-analytics-color.svg" />
            </div>
            <p class="Compitems">gcp-api-analytics</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-data-layers/icons/color/gcp-data-layers-color.svg" alt="gcp-data-layers" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-data-layers/icons/white/gcp-data-layers-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-data-layers/icons/color/gcp-data-layers-color.svg" />
            </div>
            <p class="Compitems">gcp-data-layers</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-analytics-hub/icons/color/gcp-analytics-hub-color.svg" alt="gcp-analytics-hub" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-analytics-hub/icons/white/gcp-analytics-hub-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-analytics-hub/icons/color/gcp-analytics-hub-color.svg" />
            </div>
            <p class="Compitems">gcp-analytics-hub</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-cloud-ops/icons/color/gcp-cloud-ops-color.svg" alt="gcp-cloud-ops" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-cloud-ops/icons/white/gcp-cloud-ops-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-cloud-ops/icons/color/gcp-cloud-ops-color.svg" />
            </div>
            <p class="Compitems">gcp-cloud-ops</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-cloud-optimization-ai---fleet-routing-api/icons/color/gcp-cloud-optimization-ai---fleet-routing-api-color.svg" alt="gcp-cloud-optimization-ai---fleet-routing-api" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-cloud-optimization-ai---fleet-routing-api/icons/white/gcp-cloud-optimization-ai---fleet-routing-api-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-cloud-optimization-ai---fleet-routing-api/icons/color/gcp-cloud-optimization-ai---fleet-routing-api-color.svg" />
            </div>
            <p class="Compitems">gcp-cloud-optimization-ai---fleet-routing-api</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-cloud-cdn/icons/color/gcp-cloud-cdn-color.svg" alt="gcp-cloud-cdn" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-cloud-cdn/icons/white/gcp-cloud-cdn-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-cloud-cdn/icons/color/gcp-cloud-cdn-color.svg" />
            </div>
            <p class="Compitems">gcp-cloud-cdn</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-bare-metal-solutions/icons/color/gcp-bare-metal-solutions-color.svg" alt="gcp-bare-metal-solutions" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-bare-metal-solutions/icons/white/gcp-bare-metal-solutions-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-bare-metal-solutions/icons/color/gcp-bare-metal-solutions-color.svg" />
            </div>
            <p class="Compitems">gcp-bare-metal-solutions</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-policy-analyzer/icons/color/gcp-policy-analyzer-color.svg" alt="gcp-policy-analyzer" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-policy-analyzer/icons/white/gcp-policy-analyzer-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-policy-analyzer/icons/color/gcp-policy-analyzer-color.svg" />
            </div>
            <p class="Compitems">gcp-policy-analyzer</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-migrate-for-compute-engine/icons/color/gcp-migrate-for-compute-engine-color.svg" alt="gcp-migrate-for-compute-engine" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-migrate-for-compute-engine/icons/white/gcp-migrate-for-compute-engine-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-migrate-for-compute-engine/icons/color/gcp-migrate-for-compute-engine-color.svg" />
            </div>
            <p class="Compitems">gcp-migrate-for-compute-engine</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-billing/icons/color/gcp-billing-color.svg" alt="gcp-billing" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-billing/icons/white/gcp-billing-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-billing/icons/color/gcp-billing-color.svg" />
            </div>
            <p class="Compitems">gcp-billing</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-standard-network-tier/icons/color/gcp-standard-network-tier-color.svg" alt="gcp-standard-network-tier" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-standard-network-tier/icons/white/gcp-standard-network-tier-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-standard-network-tier/icons/color/gcp-standard-network-tier-color.svg" />
            </div>
            <p class="Compitems">gcp-standard-network-tier</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-cloud-healthcare-marketplace/icons/color/gcp-cloud-healthcare-marketplace-color.svg" alt="gcp-cloud-healthcare-marketplace" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-cloud-healthcare-marketplace/icons/white/gcp-cloud-healthcare-marketplace-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-cloud-healthcare-marketplace/icons/color/gcp-cloud-healthcare-marketplace-color.svg" />
            </div>
            <p class="Compitems">gcp-cloud-healthcare-marketplace</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-kuberun/icons/color/gcp-kuberun-color.svg" alt="gcp-kuberun" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-kuberun/icons/white/gcp-kuberun-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-kuberun/icons/color/gcp-kuberun-color.svg" />
            </div>
            <p class="Compitems">gcp-kuberun</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-cloud-domains/icons/color/gcp-cloud-domains-color.svg" alt="gcp-cloud-domains" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-cloud-domains/icons/white/gcp-cloud-domains-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-cloud-domains/icons/color/gcp-cloud-domains-color.svg" />
            </div>
            <p class="Compitems">gcp-cloud-domains</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-network-tiers/icons/color/gcp-network-tiers-color.svg" alt="gcp-network-tiers" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-network-tiers/icons/white/gcp-network-tiers-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-network-tiers/icons/color/gcp-network-tiers-color.svg" />
            </div>
            <p class="Compitems">gcp-network-tiers</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-identity-platform/icons/color/gcp-identity-platform-color.svg" alt="gcp-identity-platform" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-identity-platform/icons/white/gcp-identity-platform-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-identity-platform/icons/color/gcp-identity-platform-color.svg" />
            </div>
            <p class="Compitems">gcp-identity-platform</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-release-notes/icons/color/gcp-release-notes-color.svg" alt="gcp-release-notes" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-release-notes/icons/white/gcp-release-notes-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-release-notes/icons/color/gcp-release-notes-color.svg" />
            </div>
            <p class="Compitems">gcp-release-notes</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-advanced-solutions-lab/icons/color/gcp-advanced-solutions-lab-color.svg" alt="gcp-advanced-solutions-lab" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-advanced-solutions-lab/icons/white/gcp-advanced-solutions-lab-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-advanced-solutions-lab/icons/color/gcp-advanced-solutions-lab-color.svg" />
            </div>
            <p class="Compitems">gcp-advanced-solutions-lab</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-ai-hub/icons/color/gcp-ai-hub-color.svg" alt="gcp-ai-hub" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-ai-hub/icons/white/gcp-ai-hub-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-ai-hub/icons/color/gcp-ai-hub-color.svg" />
            </div>
            <p class="Compitems">gcp-ai-hub</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-cloud-test-lab/icons/color/gcp-cloud-test-lab-color.svg" alt="gcp-cloud-test-lab" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-cloud-test-lab/icons/white/gcp-cloud-test-lab-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-cloud-test-lab/icons/color/gcp-cloud-test-lab-color.svg" />
            </div>
            <p class="Compitems">gcp-cloud-test-lab</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-os-configuration-management/icons/color/gcp-os-configuration-management-color.svg" alt="gcp-os-configuration-management" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-os-configuration-management/icons/white/gcp-os-configuration-management-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-os-configuration-management/icons/color/gcp-os-configuration-management-color.svg" />
            </div>
            <p class="Compitems">gcp-os-configuration-management</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-looker/icons/color/gcp-looker-color.svg" alt="gcp-looker" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-looker/icons/white/gcp-looker-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-looker/icons/color/gcp-looker-color.svg" />
            </div>
            <p class="Compitems">gcp-looker</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-artifact-registry/icons/color/gcp-artifact-registry-color.svg" alt="gcp-artifact-registry" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-artifact-registry/icons/white/gcp-artifact-registry-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-artifact-registry/icons/color/gcp-artifact-registry-color.svg" />
            </div>
            <p class="Compitems">gcp-artifact-registry</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-memorystore/icons/color/gcp-memorystore-color.svg" alt="gcp-memorystore" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-memorystore/icons/white/gcp-memorystore-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-memorystore/icons/color/gcp-memorystore-color.svg" />
            </div>
            <p class="Compitems">gcp-memorystore</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-dataproc/icons/color/gcp-dataproc-color.svg" alt="gcp-dataproc" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-dataproc/icons/white/gcp-dataproc-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-dataproc/icons/color/gcp-dataproc-color.svg" />
            </div>
            <p class="Compitems">gcp-dataproc</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-speech-to-text/icons/color/gcp-speech-to-text-color.svg" alt="gcp-speech-to-text" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-speech-to-text/icons/white/gcp-speech-to-text-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-speech-to-text/icons/color/gcp-speech-to-text-color.svg" />
            </div>
            <p class="Compitems">gcp-speech-to-text</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-cloud-storage/icons/color/gcp-cloud-storage-color.svg" alt="gcp-cloud-storage" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-cloud-storage/icons/white/gcp-cloud-storage-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-cloud-storage/icons/color/gcp-cloud-storage-color.svg" />
            </div>
            <p class="Compitems">gcp-cloud-storage</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-asset-inventory/icons/color/gcp-asset-inventory-color.svg" alt="gcp-asset-inventory" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-asset-inventory/icons/white/gcp-asset-inventory-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-asset-inventory/icons/color/gcp-asset-inventory-color.svg" />
            </div>
            <p class="Compitems">gcp-asset-inventory</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-debugger/icons/color/gcp-debugger-color.svg" alt="gcp-debugger" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-debugger/icons/white/gcp-debugger-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-debugger/icons/color/gcp-debugger-color.svg" />
            </div>
            <p class="Compitems">gcp-debugger</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-cloud-gpu/icons/color/gcp-cloud-gpu-color.svg" alt="gcp-cloud-gpu" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-cloud-gpu/icons/white/gcp-cloud-gpu-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-cloud-gpu/icons/color/gcp-cloud-gpu-color.svg" />
            </div>
            <p class="Compitems">gcp-cloud-gpu</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-automl/icons/color/gcp-automl-color.svg" alt="gcp-automl" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-automl/icons/white/gcp-automl-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-automl/icons/color/gcp-automl-color.svg" />
            </div>
            <p class="Compitems">gcp-automl</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-cloud-tasks/icons/color/gcp-cloud-tasks-color.svg" alt="gcp-cloud-tasks" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-cloud-tasks/icons/white/gcp-cloud-tasks-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-cloud-tasks/icons/color/gcp-cloud-tasks-color.svg" />
            </div>
            <p class="Compitems">gcp-cloud-tasks</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-cloud-media-edge/icons/color/gcp-cloud-media-edge-color.svg" alt="gcp-cloud-media-edge" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-cloud-media-edge/icons/white/gcp-cloud-media-edge-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-cloud-media-edge/icons/color/gcp-cloud-media-edge-color.svg" />
            </div>
            <p class="Compitems">gcp-cloud-media-edge</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-real-world-insights/icons/color/gcp-real-world-insights-color.svg" alt="gcp-real-world-insights" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-real-world-insights/icons/white/gcp-real-world-insights-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-real-world-insights/icons/color/gcp-real-world-insights-color.svg" />
            </div>
            <p class="Compitems">gcp-real-world-insights</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-cloud-run/icons/color/gcp-cloud-run-color.svg" alt="gcp-cloud-run" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-cloud-run/icons/white/gcp-cloud-run-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-cloud-run/icons/color/gcp-cloud-run-color.svg" />
            </div>
            <p class="Compitems">gcp-cloud-run</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-certificate-manager/icons/color/gcp-certificate-manager-color.svg" alt="gcp-certificate-manager" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-certificate-manager/icons/white/gcp-certificate-manager-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-certificate-manager/icons/color/gcp-certificate-manager-color.svg" />
            </div>
            <p class="Compitems">gcp-certificate-manager</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-network-topology/icons/color/gcp-network-topology-color.svg" alt="gcp-network-topology" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-network-topology/icons/white/gcp-network-topology-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-network-topology/icons/color/gcp-network-topology-color.svg" />
            </div>
            <p class="Compitems">gcp-network-topology</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-dataproc-metastore/icons/color/gcp-dataproc-metastore-color.svg" alt="gcp-dataproc-metastore" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-dataproc-metastore/icons/white/gcp-dataproc-metastore-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-dataproc-metastore/icons/color/gcp-dataproc-metastore-color.svg" />
            </div>
            <p class="Compitems">gcp-dataproc-metastore</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-cloud-data-fusion/icons/color/gcp-cloud-data-fusion-color.svg" alt="gcp-cloud-data-fusion" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-cloud-data-fusion/icons/white/gcp-cloud-data-fusion-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-cloud-data-fusion/icons/color/gcp-cloud-data-fusion-color.svg" />
            </div>
            <p class="Compitems">gcp-cloud-data-fusion</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-cloud-ids/icons/color/gcp-cloud-ids-color.svg" alt="gcp-cloud-ids" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-cloud-ids/icons/white/gcp-cloud-ids-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-cloud-ids/icons/color/gcp-cloud-ids-color.svg" />
            </div>
            <p class="Compitems">gcp-cloud-ids</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-cloud-apis/icons/color/gcp-cloud-apis-color.svg" alt="gcp-cloud-apis" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-cloud-apis/icons/white/gcp-cloud-apis-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-cloud-apis/icons/color/gcp-cloud-apis-color.svg" />
            </div>
            <p class="Compitems">gcp-cloud-apis</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-datalab/icons/color/gcp-datalab-color.svg" alt="gcp-datalab" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-datalab/icons/white/gcp-datalab-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-datalab/icons/color/gcp-datalab-color.svg" />
            </div>
            <p class="Compitems">gcp-datalab</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-cloud-dns/icons/color/gcp-cloud-dns-color.svg" alt="gcp-cloud-dns" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-cloud-dns/icons/white/gcp-cloud-dns-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-cloud-dns/icons/color/gcp-cloud-dns-color.svg" />
            </div>
            <p class="Compitems">gcp-cloud-dns</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-cloud-external-ip-addresses/icons/color/gcp-cloud-external-ip-addresses-color.svg" alt="gcp-cloud-external-ip-addresses" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-cloud-external-ip-addresses/icons/white/gcp-cloud-external-ip-addresses-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-cloud-external-ip-addresses/icons/color/gcp-cloud-external-ip-addresses-color.svg" />
            </div>
            <p class="Compitems">gcp-cloud-external-ip-addresses</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-automl-vision/icons/color/gcp-automl-vision-color.svg" alt="gcp-automl-vision" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-automl-vision/icons/white/gcp-automl-vision-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-automl-vision/icons/color/gcp-automl-vision-color.svg" />
            </div>
            <p class="Compitems">gcp-automl-vision</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-apigee-api-platform/icons/color/gcp-apigee-api-platform-color.svg" alt="gcp-apigee-api-platform" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-apigee-api-platform/icons/white/gcp-apigee-api-platform-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-apigee-api-platform/icons/color/gcp-apigee-api-platform-color.svg" />
            </div>
            <p class="Compitems">gcp-apigee-api-platform</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-service-discovery/icons/color/gcp-service-discovery-color.svg" alt="gcp-service-discovery" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-service-discovery/icons/white/gcp-service-discovery-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-service-discovery/icons/color/gcp-service-discovery-color.svg" />
            </div>
            <p class="Compitems">gcp-service-discovery</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-cloud-functions/icons/color/gcp-cloud-functions-color.svg" alt="gcp-cloud-functions" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-cloud-functions/icons/white/gcp-cloud-functions-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-cloud-functions/icons/color/gcp-cloud-functions-color.svg" />
            </div>
            <p class="Compitems">gcp-cloud-functions</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-datashare/icons/color/gcp-datashare-color.svg" alt="gcp-datashare" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-datashare/icons/white/gcp-datashare-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-datashare/icons/color/gcp-datashare-color.svg" />
            </div>
            <p class="Compitems">gcp-datashare</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-cloud-firewall-rules/icons/color/gcp-cloud-firewall-rules-color.svg" alt="gcp-cloud-firewall-rules" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-cloud-firewall-rules/icons/white/gcp-cloud-firewall-rules-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-cloud-firewall-rules/icons/color/gcp-cloud-firewall-rules-color.svg" />
            </div>
            <p class="Compitems">gcp-cloud-firewall-rules</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-data-qna/icons/color/gcp-data-qna-color.svg" alt="gcp-data-qna" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-data-qna/icons/white/gcp-data-qna-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-data-qna/icons/color/gcp-data-qna-color.svg" />
            </div>
            <p class="Compitems">gcp-data-qna</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-binary-authorization/icons/color/gcp-binary-authorization-color.svg" alt="gcp-binary-authorization" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-binary-authorization/icons/white/gcp-binary-authorization-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-binary-authorization/icons/color/gcp-binary-authorization-color.svg" />
            </div>
            <p class="Compitems">gcp-binary-authorization</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-anthos-config-management/icons/color/gcp-anthos-config-management-color.svg" alt="gcp-anthos-config-management" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-anthos-config-management/icons/white/gcp-anthos-config-management-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-anthos-config-management/icons/color/gcp-anthos-config-management-color.svg" />
            </div>
            <p class="Compitems">gcp-anthos-config-management</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-api/icons/color/gcp-api-color.svg" alt="gcp-api" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-api/icons/white/gcp-api-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-api/icons/color/gcp-api-color.svg" />
            </div>
            <p class="Compitems">gcp-api</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-cloud-security-scanner/icons/color/gcp-cloud-security-scanner-color.svg" alt="gcp-cloud-security-scanner" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-cloud-security-scanner/icons/white/gcp-cloud-security-scanner-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-cloud-security-scanner/icons/color/gcp-cloud-security-scanner-color.svg" />
            </div>
            <p class="Compitems">gcp-cloud-security-scanner</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-cloud-interconnect/icons/color/gcp-cloud-interconnect-color.svg" alt="gcp-cloud-interconnect" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-cloud-interconnect/icons/white/gcp-cloud-interconnect-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-cloud-interconnect/icons/color/gcp-cloud-interconnect-color.svg" />
            </div>
            <p class="Compitems">gcp-cloud-interconnect</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-automl-natural-language/icons/color/gcp-automl-natural-language-color.svg" alt="gcp-automl-natural-language" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-automl-natural-language/icons/white/gcp-automl-natural-language-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-automl-natural-language/icons/color/gcp-automl-natural-language-color.svg" />
            </div>
            <p class="Compitems">gcp-automl-natural-language</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-text-to-speech/icons/color/gcp-text-to-speech-color.svg" alt="gcp-text-to-speech" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-text-to-speech/icons/white/gcp-text-to-speech-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-text-to-speech/icons/color/gcp-text-to-speech-color.svg" />
            </div>
            <p class="Compitems">gcp-text-to-speech</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-recommendations-ai/icons/color/gcp-recommendations-ai-color.svg" alt="gcp-recommendations-ai" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-recommendations-ai/icons/white/gcp-recommendations-ai-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-recommendations-ai/icons/color/gcp-recommendations-ai-color.svg" />
            </div>
            <p class="Compitems">gcp-recommendations-ai</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-video-intelligence-api/icons/color/gcp-video-intelligence-api-color.svg" alt="gcp-video-intelligence-api" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-video-intelligence-api/icons/white/gcp-video-intelligence-api-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-video-intelligence-api/icons/color/gcp-video-intelligence-api-color.svg" />
            </div>
            <p class="Compitems">gcp-video-intelligence-api</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-cloud-deploy/icons/color/gcp-cloud-deploy-color.svg" alt="gcp-cloud-deploy" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-cloud-deploy/icons/white/gcp-cloud-deploy-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-cloud-deploy/icons/color/gcp-cloud-deploy-color.svg" />
            </div>
            <p class="Compitems">gcp-cloud-deploy</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-key-access-justifications/icons/color/gcp-key-access-justifications-color.svg" alt="gcp-key-access-justifications" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-key-access-justifications/icons/white/gcp-key-access-justifications-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-key-access-justifications/icons/color/gcp-key-access-justifications-color.svg" />
            </div>
            <p class="Compitems">gcp-key-access-justifications</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-cloud-deployment-manager/icons/color/gcp-cloud-deployment-manager-color.svg" alt="gcp-cloud-deployment-manager" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-cloud-deployment-manager/icons/white/gcp-cloud-deployment-manager-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-cloud-deployment-manager/icons/color/gcp-cloud-deployment-manager-color.svg" />
            </div>
            <p class="Compitems">gcp-cloud-deployment-manager</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-visual-inspection/icons/color/gcp-visual-inspection-color.svg" alt="gcp-visual-inspection" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-visual-inspection/icons/white/gcp-visual-inspection-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-visual-inspection/icons/color/gcp-visual-inspection-color.svg" />
            </div>
            <p class="Compitems">gcp-visual-inspection</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-dataplex/icons/color/gcp-dataplex-color.svg" alt="gcp-dataplex" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-dataplex/icons/white/gcp-dataplex-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-dataplex/icons/color/gcp-dataplex-color.svg" />
            </div>
            <p class="Compitems">gcp-dataplex</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-healthcare-nlp-api/icons/color/gcp-healthcare-nlp-api-color.svg" alt="gcp-healthcare-nlp-api" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-healthcare-nlp-api/icons/white/gcp-healthcare-nlp-api-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-healthcare-nlp-api/icons/color/gcp-healthcare-nlp-api-color.svg" />
            </div>
            <p class="Compitems">gcp-healthcare-nlp-api</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-assured-workloads/icons/color/gcp-assured-workloads-color.svg" alt="gcp-assured-workloads" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-assured-workloads/icons/white/gcp-assured-workloads-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-assured-workloads/icons/color/gcp-assured-workloads-color.svg" />
            </div>
            <p class="Compitems">gcp-assured-workloads</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-google-cloud-marketplace/icons/color/gcp-google-cloud-marketplace-color.svg" alt="gcp-google-cloud-marketplace" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-google-cloud-marketplace/icons/white/gcp-google-cloud-marketplace-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-google-cloud-marketplace/icons/color/gcp-google-cloud-marketplace-color.svg" />
            </div>
            <p class="Compitems">gcp-google-cloud-marketplace</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/gcp/components/gcp-profiler/icons/color/gcp-profiler-color.svg" alt="gcp-profiler" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/gcp/components/gcp-profiler/icons/white/gcp-profiler-white.svg"
                data-logo-for-light="/assets/img/integrations/gcp/components/gcp-profiler/icons/color/gcp-profiler-color.svg" />
            </div>
            <p class="Compitems">gcp-profiler</p>
        </div>
        
        
    </section>
</div>
<!-- components end -->





  


<h2>What are Meshery Models and Components?</h2>

<p>Meshery Models and Components represent the fundamental building blocks of your infrastructure. Use them to define the structure and configuration of your infrastructure and deployments by incorporating their use into a Design. Think of Designs as blueprints or templates that encapsulate everything from network configurations to service definitions.</p>

<h6 class="integration">Learn more about <a href="/concepts/logical/models">Models</a>, <a href="/concepts/logical/components">Components</a>, <a href="/concepts/logical/relationships">Relationships</a>, and <a href="/concepts/logical/designs">Designs</a></h6>

<h2>What is the Meshery Registry</h2>

The Meshery Registry is a vital component within Meshery, serving as a centralized repository for managing a diverse range of cloud and cloud native resources. It stores and organizes crucial information such as models, categories, components, and relationships, enabling efficient interaction and utilization of these resources within the Meshery ecosystem. You can conveniently access and manage registry data through Meshery UI, and through Meshery CLI (<a href="/reference/mesheryctl/#meshery-registry-management">mesheryctl registry</a>).

<h6 class="integration">Learn more about the <a href="/concepts/logical/registry">Registry</a></h6>


<section>
    <h3 id="related-designs-header">Designs containing Google Cloud Platform</h3>
    
    <ul>
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    <li class="design-link">
      <a href="https://meshery.io/catalog/content/catalog/e79ebaa2-06f1-498b-8307-c434a8911b18" target="_blank" >Online Boutique</a> 
    </li>
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    <li class="design-link">
      <a href="https://meshery.io/catalog/content/catalog/4fe5b8f3-d8c7-487c-9860-bc7cb8674d48" target="_blank" >Prometheus dummy exporter</a> 
    </li>
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    <li class="design-link">
      <a href="https://meshery.io/catalog/content/catalog/35ecff6c-41f5-400b-92c4-f959dd23ee15" target="_blank" >Autoscaling based on Metrics in GKE</a> 
    </li>
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    <li class="design-link">
      <a href="https://meshery.io/catalog/content/catalog/c0db1f13-46e8-481f-b5b5-27b6d2e0b74d" target="_blank" >gke-online-serving-single-gpu</a> 
    </li>
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
</ul>
</section>





  <h2>Related Models in <b>Provisioning</b></h2>






<ul>
  
    
    <li><a href="/extensibility/integrations/vault-secrets">Vault Secrets</a>
      
    </li>
    
  
    
    <li><a href="/extensibility/integrations/accurate">Accurate</a>
      
    </li>
    
  
    
    <li><a href="/extensibility/integrations/admin-console-operator">EPAM Delivery Platform</a>
      
    </li>
    
  
    
    <li><a href="/extensibility/integrations/akri">Akri</a>
      
    </li>
    
  
    
    <li><a href="/extensibility/integrations/amd-gpu">AMD GPU</a>
      
    </li>
    
  
    
    <li><a href="/extensibility/integrations/apisix">APISIX</a>
      
    </li>
    
  
    
    <li><a href="/extensibility/integrations/athenz">Athenz</a>
      
    </li>
    
  
    
    <li><a href="/extensibility/integrations/aws-applicationautoscaling-controller">AWS Applilcation Autoscaling</a>
      
    </li>
    
  
    
    <li><a href="/extensibility/integrations/aws-ec2-controller">AWS EC2</a>
      
    </li>
    
  
    
    <li><a href="/extensibility/integrations/aws-ecr-controller">AWS Elastic Container Registry</a>
      
    </li>
    
  
    
    <li><a href="/extensibility/integrations/aws-ecs-controller">AWS Elastic Container Service</a>
      
    </li>
    
  
    
    <li><a href="/extensibility/integrations/aws-memorydb-controller">AWS MemoryDB for Redis</a>
      
    </li>
    
  
    
    <li><a href="/extensibility/integrations/aws-node-termination-handler-2">AWS Node Termination Handler</a>
      
    </li>
    
  
    
    <li><a href="/extensibility/integrations/aws">Amazon Web Services</a>
      
    </li>
    
  
    
    <li><a href="/extensibility/integrations/azureorkestra">Azure Orkestra</a>
      
    </li>
    
  
    
    <li><a href="/extensibility/integrations/capsule-proxy">Capsule Proxy</a>
      
    </li>
    
  
    
    <li><a href="/extensibility/integrations/cdk8s">Cdk For Kubernetes (Cdk8S)</a>
      
    </li>
    
  
    
    <li><a href="/extensibility/integrations/cert-manager">cert-manager</a>
      
    </li>
    
  
    
    <li><a href="/extensibility/integrations/cloud-custodian">Cloud Custodian</a>
      
    </li>
    
  
    
    <li><a href="/extensibility/integrations/curiefense">Curiefense</a>
      
    </li>
    
  
    
    <li><a href="/extensibility/integrations/devstream">Devstream</a>
      
    </li>
    
  
    
    <li><a href="/extensibility/integrations/dex">Dex</a>
      
    </li>
    
  
    
    <li><a href="/extensibility/integrations/distribution">Jfrog Distribution</a>
      
    </li>
    
  
    
    <li><a href="/extensibility/integrations/dragonfly">Dragonfly</a>
      
    </li>
    
  
    
    <li><a href="/extensibility/integrations/edp-argocd-operator">EDP Argocd Operator</a>
      
    </li>
    
  
    
    <li><a href="/extensibility/integrations/edp-component-operator">EDP Component Operator</a>
      
    </li>
    
  
    
    <li><a href="/extensibility/integrations/edp-install">EDP Install</a>
      
    </li>
    
  
    
    <li><a href="/extensibility/integrations/external-secrets-operator">External Secrets Operator</a>
      
    </li>
    
  
    
    <li><a href="/extensibility/integrations/falco">Falco</a>
      
    </li>
    
  
    
    <li><a href="/extensibility/integrations/flyte-sandbox">Flyte Sandbox</a>
      
    </li>
    
  
    
  
    
    <li><a href="/extensibility/integrations/harbor-operator">Harbor Operator</a>
      
    </li>
    
  
    
    <li><a href="/extensibility/integrations/hexa">Hexa</a>
      
    </li>
    
  
    
    <li><a href="/extensibility/integrations/identity-manager">Identity Manager</a>
      
    </li>
    
  
    
    <li><a href="/extensibility/integrations/in-toto">in-toto</a>
      
    </li>
    
  
    
    <li><a href="/extensibility/integrations/karpenter">Karpenter</a>
      
    </li>
    
  
    
    <li><a href="/extensibility/integrations/keylime">Keylime</a>
      
    </li>
    
  
    
    <li><a href="/extensibility/integrations/kube-ui-server">Kubernetes UI Server</a>
      
    </li>
    
  
    
    <li><a href="/extensibility/integrations/kubedl">Kubedl</a>
      
    </li>
    
  
    
    <li><a href="/extensibility/integrations/kubeform-provider-aws">Kubeform Provider AWS</a>
      
    </li>
    
  
    
    <li><a href="/extensibility/integrations/kubegems-edge">Kubegems Edge</a>
      
    </li>
    
  
    
    <li><a href="/extensibility/integrations/kubegems-installer">Kubegems Installer</a>
      
    </li>
    
  
    
    <li><a href="/extensibility/integrations/kubegems-local">Kubegems Local</a>
      
    </li>
    
  
    
    <li><a href="/extensibility/integrations/kubegems-models">Kubegems Models</a>
      
    </li>
    
  
    
    <li><a href="/extensibility/integrations/kubegems">Kubegems</a>
      
    </li>
    
  
    
    <li><a href="/extensibility/integrations/kubeslice-worker">Kubeslice Worker</a>
      
    </li>
    
  
    
    <li><a href="/extensibility/integrations/kyverno-monitor">Kyverno Monitor</a>
      
    </li>
    
  
    
    <li><a href="/extensibility/integrations/kyverno-operator">Kyverno Operator</a>
      
    </li>
    
  
    
    <li><a href="/extensibility/integrations/notary">Notary</a>
      
    </li>
    
  
    
    <li><a href="/extensibility/integrations/ondat-operator">ondat-operator</a>
      
    </li>
    
  
    
    <li><a href="/extensibility/integrations/rook-ceph-cluster">Rook Ceph Cluster</a>
      
    </li>
    
  
    
    <li><a href="/extensibility/integrations/supabase">supabase</a>
      
    </li>
    
  
    
    <li><a href="/extensibility/integrations/superedge">Superedge</a>
      
    </li>
    
  
    
    <li><a href="/extensibility/integrations/teller">Teller</a>
      
    </li>
    
  
    
    <li><a href="/extensibility/integrations/tenant-operator">Tenant Operator</a>
      
    </li>
    
  
    
    <li><a href="/extensibility/integrations/terraform">Terraform</a>
      
    </li>
    
  
    
    <li><a href="/extensibility/integrations/tinkerbell">Tinkerbell</a>
      
    </li>
    
  
    
    <li><a href="/extensibility/integrations/tuf">Tuf</a>
      
    </li>
    
  
    
    <li><a href="/extensibility/integrations/vald-helm-operator">Vald Helm Operator</a>
      
    </li>
    
  
    
    <li><a href="/extensibility/integrations/vault-config-operator">Vault Config Operator</a>
      
    </li>
    
  
    
    <li><a href="/extensibility/integrations/vault-operator">Vault Operator</a>
      
    </li>
    
  
    
    <li><a href="/extensibility/integrations/aad-pod-identity">Azure Active Directory (AAD)</a>
      
    </li>
    
  
</ul>


<script>
    function handleImageError(image) {
        image.onerror = null;
        image.src = '/assets/img/integrations/gcp/icons/color/gcp-color.svg';
    }
    const designLinks = document.querySelectorAll('.design-link');
    if (designLinks.length === 0) {
        document.getElementById('related-designs-header').style.display = 'none';
    }

</script>   
           
          <br/>


        </div>
      </main>
      
      <div class="content-table-wrapper">
        <div class="content-table">
          <div class="content-table__editable"><strong>Tools</strong>
<a href="https://github.com/meshery/meshery/issues/new?assignees=&labels=area%2Fdocs%2C+framework%2Fjekyll&template=documentation.md&title=%5BDocs%5D" rel="noopener" target="_blank"><i class="fab fa-github fa-fw"></i> Create doc issue</a>
<a href="https://github.com/meshery/meshery/blob/master/docs/_models/gcp.md" rel="noopener" target="_blank"><i class="fa fa-edit fa-fw"></i> Edit this page</a>
<a href="https://github.com/meshery/meshery/new/master/docs/_models/gcp.md?filename=change-me.md&value=---%0Atitle%3A+%22Long+Page+Title%22%0AlinkTitle%3A+%22Short+Nav+Title%22%0Aweight%3A+100%0Adescription%3A+%3E-%0A+++++Page+description+for+heading+and+indexes.%0A---%0A%0A%23%23+Heading%0A%0AEdit+this+template+to+create+your+new+page.%0A%0A%2A+Give+it+a+good+name%2C+ending+in+%60.md%60+-+e.g.+%60getting-started.md%60%0A%2A+Edit+the+%22front+matter%22+section+at+the+top+of+the+page+%28weight+controls+how+its+ordered+amongst+other+pages+in+the+same+directory%3B+lowest+number+first%29.%0A%2A+Add+a+good+commit+message+at+the+bottom+of+the+page+%28%3C80+characters%3B+use+the+extended+description+field+for+more+detail%29.%0A%2A+Create+a+new+branch+so+you+can+preview+your+new+file+and+request+a+review+via+Pull+Request.%0A" rel="noopener" target="_blank"><i class="fa fa-plus fa-fw"></i> Create new page</a>


<!-- this will parse through the header fields and add a button to open
     an issue / ask a question on Github. The editable field should be in
     the post frontend matter, and refer to the label to open the issue for -->
     
</div>
          <nav id="TableOfContents">
            <strong>Contents</strong>
            <ul>
              <li>
                <ul id="TOC">
                  <!-- Links will be appended here-->
                </ul>
              </li>
            </ul>
          </nav>
        </div>
      </div>
      
    </div>
    <footer class="footer">
  <!-- meshery-custom-begin"
      <div class="col-6 col-sm-4 text-xs-center order-sm-2">

<ul class="list-inline mb-0">
  <li class="list-inline-item mx-2 h3" data-toggle="tooltip" data-placement="top" title="" aria-label="Twitter" data-original-title="Twitter">
    <a class="text-white" target="_blank" href="https://twitter.com/https://twitter.com/mesheryio">
      <i class="fab fa-twitter"></i>
    </a>
  </li>
</ul>
</div>
<div class="col-6 col-sm-4 text-right text-xs-center order-sm-3">
<ul class="list-inline mb-0">
  <li class="list-inline-item mx-2 h3" data-toggle="tooltip" data-placement="top" title="" aria-label="GitHub" data-original-title="GitHub">
    <a class="text-white" target="_blank" href="https://github.com/meshery/meshery">
      <i class="fab fa-github"></i>
    </a>
  </li>
</ul>
meshery-custom-end -->
  <div class="text-white">&copy; 2025 The Meshery Authors</div>
  

  <!-- meshery-custom-begin -->

  <div class="footer-icons-list">
    <div class="footer-icons">
      <a class="social__link social__link--forum" href="http://discuss.meshery.io" target="_blank" rel="noreferrer">
        <img
          src=""
          alt="forum"
        />
        <span class="footer-icons-text">Community discussion forum</span>
      </a>
    </div>

    <div class="footer-icons">
      <a class="social__link social__link--mail" href="https://meshery.io/subscribe" target="_blank" rel="noreferrer">
        <img
          src=""
          alt="mail"
        />
        <span class="footer-icons-text">Get connected with the community</span>
      </a>
    </div>

    <div class="footer-icons">
      <a class="social__link social__link--slack" href=" https://slack.meshery.io/" target="_blank" rel="noreferrer">
        <img
          class="slack"
          src=""
          alt="slack"
        />
        <span class="footer-icons-text">Join the Meshery Slack</span>
      </a>
    </div>

    <div class="footer-icons">
      <a class="social__link" href="https://meshery.io/calendar">
        <svg fill="#666666" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18">
          <path
            d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1z"
          />
          <g stroke-linecap="undefined" stroke-linejoin="undefined">
            <path d="M-3.468 8.168h-.033m25.313-4.242l-.063-.254M7.858 4.814v9.387" />
            <path d="M1.833 9.507h12.051" />
          </g>
        </svg>
        <span class="footer-icons-text">Subscribe to the community calendar</span>
      </a>
    </div>

    <div class="footer-icons">
      <a class="social__link" href="https://twitter.com/mesheryio" target="_blank" rel="noreferrer">
       <svg alt="twitter" class="twitter" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" version="1.1" height="1.8em"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" fill="#666666"></path></svg>
       <span class="footer-icons-text">Follow on Twitter</span>
      </a>
    </div>

    <div class="footer-icons">
      <a class="social__link" href="https://github.com/meshery" target="_blank" rel="noreferrer">
        <img
          class="github"
          src=""
          alt="github"
        />
        <span class="footer-icons-text">Contribute on GitHub</span>
      </a>
    </div>

    <div class="footer-icons">
      <a class="social__link" href="https://www.linkedin.com/showcase/meshery/" target="_blank" rel="noreferrer">
        <img
          class="linkedin"
          src=""
          alt="linkedin"
        />
        <span class="footer-icons-text">Connect on LinkedIn</span>
      </a>
    </div>

    <div class="footer-icons">
      <a
        class="social__link"
        href="https://www.youtube.com/mesheryio?sub_confirmation=1"
        target="_blank"
        rel="noreferrer"
      >
        <img
          class="youtube"
          src=""
          alt="youtube"
        />
        <span class="footer-icons-text">Watch community meeting recordings</span>
      </a>
    </div>

    <div class="footer-icons">
      <a class="social__link" href="https://hub.docker.com/u/meshery/" target="_blank" rel="noreferrer">
        <img
          class="docker"
          src=""
          alt="docker"
        />
        <span class="footer-icons-text">Access Docker images</span>
      </a>
    </div>
  </div>
  <!-- meshery-custom-end -->
</footer>

<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/clipboard@1/dist/clipboard.min.js"></script>

<script type="text/javascript" src="/assets/js/lightbox.js"></script>
<link rel="stylesheet" href="/assets/css/lightbox.css" />
<script type="module" src="https://md-block.verou.me/md-block.js"></script>

 <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
<script src="/assets/js/main.js"></script>
<script src="/assets/js/navbar.js"></script>

 <script async src='https://www.google-analytics.com/analytics.js'></script>
<script type="application/javascript">
var doNotTrack = false;
if (!doNotTrack) {
	window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
	ga('create', 'UA-00000000-0', 'auto');
	ga('send', 'pageview');
}
</script>

  </body>
</html>
<script
  src="https://code.jquery.com/jquery-3.3.1.min.js"
  integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
  crossorigin="anonymous"></script>

<script>
$(document).ready(function() {

    var toc = $('#TOC');

    // Select each header
    sections = $('.td-content h1');
        $.each(sections, function(idx, v) {
            section = $(v);
            var div_id = $(section).attr('id');
            if(!section.hasClass('noTOC')){
               var div_text = section.text().split('¶')[0];
              var parent = $("#" + div_id)
              var content = '<li id="link_' + div_id + '" class="md-nav__item"><a class="md-nav__link" href="#' + div_id + '" title="' + div_text +'">' + div_text +'</a>asdf</li>';
              $(document).find(toc).append(content);
            }

            // Add section code to subnavigation
            var children = $('<nav class="md-nav"><ul class="md-nav__list"></nav></ul>')
            var contenders = $("#" + div_id).nextUntil("h1");
            $.each(contenders, function(idx, contender){
               if( !$(contender).hasClass("noTOC") && ($(contender).is('h2') || $(contender).is('h3')) ) {
                   var contender_id = $(contender).attr('id');
                   var contender_text = $(contender).text().split('¶')[0];
                   var content = '<li class="md-nav__item"><a class="md-nav__link" href="#' + contender_id + '" title="' + contender_text +'">' + contender_text +'</a></li>';
                   children.append(content);
                }
             })
             $("#link_" + div_id).append(children);
        });
        //added 'selected' tag to the first element of toc
        $('.md-nav__link').first().addClass('selected');

        $(window).scroll(function(e){
          // Detect how far are we from the top of the page
          let windowTop = $(this).scrollTop();
          // Loop through every navigation menu item
          $('.md-nav__link').each(function (event) {       
              if (windowTop >= $($(this).attr('href')).offset().top - 100) {
              // Remove 'selected' from previously highlighted menu items
              $('.selected').removeClass('selected');
              // Highlight the current menu item by adding 'selected' class
              $(this).addClass('selected');
          }
          if($(window).scrollTop() + $(window).height() > $(document).height() - 10) {
            $('.selected').removeClass('selected');
              $(this).addClass('selected');
          }
        });
      })
      // Smooth scroll to target section when clicking on TOC link
      $('a[href^="#"]').on('click', function(event) {
        event.preventDefault();
        var target = $(this.hash);
        if (target.length) {
          $('html, body').animate({
          scrollTop: target.offset().top - 70
          }, 1000);
        }
      });
    });
</script>

